Results for “dark-mode”

Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.

Style MATLAB charts and figures. colororder palettes for chart series colors, colormap selection, brand color organization, and the R2025a Theme API for uifigure apps (dark mode with fliplightness, ThemeChangedFcn, uistyle, component colors). Use when customizing chart colors, applying a color palette, organizing brand colors, implementing dark mode, or importing an external color scheme. Triggers: theme, dark mode, brand colors, colororder, colormap, palette, fliplightness, color scheme, styling, chart colors.

Build a cinematic, data-dense multi-platform social media dashboard with KPI matrix, interactive charts, insights drawer, and dark/light theme toggle.

Audits and enforces a five-layer design chain (tokens, Tailwind, primitives, sections, pages) across components and pages, detecting hardcoded values, layer violations, dark mode parity issues, and missing primitives.

Provides a design system specification inspired by Runway's cinematic, dark-themed interface with full-bleed photography, single-typeface typography, and minimal UI elements.

Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.

Defines a high-contrast brand identity system for ClickHouse using near-pure black canvas, electric yellow accents, and Inter typography across dark surface cards.

Analyze and recreate the visual design language of Voltagent, a developer-focused AI agent engineering platform, including its dark canvas, electric-green accent, typography system, and layout patterns.

Design-token systems — semantic CSS custom properties for colours, spacing, typography, and shadows, with light/dark theme switching via `[data-theme]` overrides. Use when setting up a token catalogue, auditing components for hardcoded colours/magic numbers, or adding dark-mode support via token swaps.

Customize shadcn/ui themes by editing CSS variables, adding custom colors, and adjusting border radius.

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

Generates a single polished logo for any brand using Ideogram v3, with options for dark mode, icon-only, or a full branding package.

Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.

Provides practical guidance for building iOS applications with UIKit, SnapKit, and SwiftUI, covering layout, typography, colors, accessibility, navigation, and privacy patterns.

Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.

Creates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.

Create polished HTML slide decks and PDF-ready documents for consulting deliverables. Uses the RRBC design system with warm light mode, dark mode cover pages, Lora/Inter/Roboto Mono typography, and data visualization palette. Trigger on 'deck', 'slides', 'presentation', 'pitch deck', 'keynote', 'report', or 'PDF'.

Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. Uses a dark-mode design system with embedded CSS and inline SVG. Use when the user needs architecture diagrams, system illustrations, flow charts, or technical visualizations.

Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.

Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.

Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.

Design native iOS interfaces following Apple Human Interface Guidelines, covering layout, typography, color, navigation, and controls for iPhone and iPad apps.

Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.

Analyzes and documents Superhuman's design language, including color palette, typography, layout, and elevation system for implementation.

Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

Generates a gamified habit-tracking app UI with three phone frames: a cover poster, today's quests with XP and level bar, and a quest detail view with subtasks and rewards.

First-class design intelligence. Dispatches to the best available design skill (ui-ux-pro-max, frontend-design, superpowers), then layers IJFW constraints on top. Triggers: 'design', 'redesign', 'UI', 'UX', 'dashboard', 'page', 'component', 'make it look better', 'polish', 'pretty', 'professional', 'user experience', 'layout', 'visual', 'mobile-first', 'dark mode', 'accessibility', 'colors', 'typography', 'brand'.

World-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens