Dark Design Prompts

## Color Palette
- Primary: #10A37F (OpenAI Green)
- Background: #343541, #202123
- Text: #ECECF1, #8E8EA0
- Accent: #10A37F

## Typography
- Font: Söhne, system sans-serif
- Headings: 600 weight
- Body: 400 weight, 16px

## Layout Principles
- Chat interface focus
- Sidebar conversations
- Input prominence
- Response streaming

## UI Components
- Message bubbles
- Regenerate buttons
- Code blocks
- Copy buttons

## Visual Style
- Conversational AI
- Minimal distractions
- Dark for focus
- Streaming responses

## Color Palette
- Primary: #E50914 (Netflix Red)
- Background: #141414, #000000
- Text: #FFFFFF, #B3B3B3
- Accent: #E50914

## Typography
- Font: Netflix Sans, Helvetica
- Headings: 700 weight
- Body: 400 weight, 14-16px

## Layout Principles
- Hero billboard
- Horizontal carousels
- Continue watching
- Category rows

## UI Components
- Rounded corners (4px)
- Play buttons
- My List toggle
- Episode selectors

## Visual Style
- Cinematic dark mode
- Thumbnail artwork
- Preview on hover
- Personalized rows

## Color Palette
- Primary: #5865F2 (Blurple)
- Background: #313338, #2B2D31, #1E1F22
- Text: #FFFFFF, #B5BAC1, #949BA4
- Accent: #23A559, #F23F43, #FEE75C

## Typography
- Font: gg sans, Helvetica Neue
- Headings: 700 weight
- Body: 400 weight, 16px

## Layout Principles
- Server/channel hierarchy
- Voice channel prominence
- Message-centric main area
- Overlay modals

## UI Components
- Rounded corners (8px)
- User avatars prominent
- Role colors
- Reaction pickers

## Visual Style
- Gaming-influenced dark theme
- Playful animations
- Status indicators
- Rich embeds

## Color Palette
- Primary: #FFFFFF
- Background: #1A1A1C, #000000
- Text: #FFFFFF, #71717A
- Accent: #5865F2 (Discord)

## Typography
- Font: Whitney, system sans-serif
- Headings: 700 weight
- Body: 400 weight, 14px

## Layout Principles
- Image grid galleries
- Generation history
- Discord integration
- Prompt input focus

## UI Components
- Image grids
- Upscale buttons
- Variation options
- Style parameters

## Visual Style
- AI art showcase
- Dark gallery mode
- Generated imagery
- Creative exploration

## Color Palette
- Primary: #238636 (Green), #1F6FEB (Blue)
- Background: #0D1117, #161B22, #21262D
- Text: #C9D1D9, #8B949E
- Accent: #F78166 (Orange), #A371F7 (Purple)

## Typography
- Font: -apple-system, Segoe UI, monospace for code
- Headings: 600 weight
- Body: 400 weight, 14-16px
- Code: 12-14px monospace

## Layout Principles
- Repository-centric navigation
- Tab-based content switching
- Sidebar for file trees
- Inline code review

## UI Components
- Rounded corners (6px)
- Label/badge system
- Diff viewers
- Markdown rendering

## Visual Style
- Developer-focused density
- Syntax highlighting
- Contribution graphs
- Monospace aesthetics

## Color Palette
- Primary: #1D9BF0 (Twitter Blue)
- Background: #000000, #16181C
- Text: #E7E9EA, #71767B
- Accent: #F91880 (Pink), #FFD400 (Gold)

## Typography
- Font: Chirp, system sans-serif
- Headings: 700 weight
- Body: 400 weight, 15px

## Layout Principles
- Timeline-centric
- Three-column desktop
- Bottom nav mobile
- Infinite scroll

## UI Components
- Full rounded buttons
- Tweet cards
- Engagement bars
- Verification badges

## Visual Style
- Conversational focus
- Real-time updates
- Blue accent throughout
- Dense information

## Color Palette
- Primary: #111111
- Background: #000000, #111111
- Text: #FFFFFF, #7E7E7E
- Accent: #FF6B00 (Orange)

## Typography
- Font: Helvetica Neue, Futura
- Headings: 900 weight, condensed
- Body: 400 weight, 14-16px

## Layout Principles
- Hero imagery dominant
- Product grid focus
- Full-bleed photography
- Athlete stories

## UI Components
- Minimal rounded corners
- Add to bag buttons
- Size selectors
- Wishlist hearts

## Visual Style
- Athletic inspiration
- Just Do It energy
- Movement and action
- Bold typography

## Color Palette
- Primary: #FE2C55 (TikTok Pink)
- Secondary: #25F4EE (Cyan)
- Background: #000000, #121212
- Text: #FFFFFF, #8A8B91

## Typography
- Font: Proxima Nova, system sans-serif
- Headings: 700 weight
- Body: 400 weight, 15px

## Layout Principles
- Full-screen vertical video
- Swipe navigation
- Bottom action bar
- Overlay text on video

## UI Components
- Rounded icons
- Heart animations
- Comment drawers
- Sound attribution

## Visual Style
- Video-first everything
- High contrast on dark
- Playful animations
- Creator-focused

## Color Palette
- Primary: #1DB954 (Spotify Green)
- Background: #121212, #181818, #282828
- Text: #FFFFFF, #B3B3B3
- Accent: #1ED760

## Typography
- Font: Circular, system sans-serif fallback
- Headings: 700 weight, tight letter-spacing
- Body: 400 weight, 14-16px

## Layout Principles
- Card-based grid layouts
- Heavy use of horizontal scrolling carousels
- Sticky navigation with search prominence
- Dense information hierarchy

## UI Components
- Rounded corners (8px)
- Hover states with subtle scaling
- Progress bars for playback
- Floating action buttons

## Visual Style
- Dark-first design
- Album art as primary visual
- Subtle gradients on hover
- Minimalist iconography

## Color Palette
- Primary: #9146FF (Twitch Purple)
- Background: #0E0E10, #18181B
- Text: #EFEFF1, #ADADB8
- Accent: #00FF00 (Live)

## Typography
- Font: Inter, Roobert, system sans-serif
- Headings: 700 weight
- Body: 400 weight, 13-14px

## Layout Principles
- Stream player focus
- Chat sidebar
- Category browsing
- Following feed

## UI Components
- Live indicators
- Chat messages
- Emote pickers
- Channel points

## Visual Style
- Gaming culture
- Purple identity
- Live streaming focus
- Emote-heavy design

## Color Palette
- Primary: #5E6AD2 (Linear Purple)
- Background: #0A0A0B, #1B1B1F, #26262A
- Text: #FFFFFF, #8A8F98
- Accent: #4CB782, #E5484D

## Typography
- Font: Inter, SF Pro
- Headings: 500 weight, tight tracking
- Body: 400 weight, 13-14px

## Layout Principles
- Kanban and list views
- Keyboard-first navigation
- Command palette (⌘K)
- Minimal visual clutter

## UI Components
- Subtle rounded corners (4px)
- Status pills
- Priority indicators
- Cycle progress rings

## Visual Style
- Ultra-refined dark mode
- Subtle hover states
- Smooth animations
- Glassmorphism hints

## Color Palette
- Primary: #000000, #FFFFFF
- Background: #000000, #111111, #1A1A1A
- Text: #FFFFFF, #888888
- Accent: #0070F3 (Blue), #50E3C2 (Teal)

## Typography
- Font: Inter, system sans-serif
- Headings: 700 weight, large sizes
- Body: 400 weight, 16px

## Layout Principles
- Hero-focused landing pages
- Terminal/code aesthetics
- Grid-based dashboards
- Generous whitespace

## UI Components
- Sharp to slightly rounded (4px)
- Gradient borders
- Terminal windows
- Deployment status indicators

## Visual Style
- Stark black and white
- Code-centric visuals
- Subtle gradient accents
- Performance-focused messaging

## Color Palette
- Primary: #1B2838 (Steam Blue)
- Background: #171A21, #1B2838
- Text: #C6D4DF, #8F98A0
- Accent: #66C0F4, #5C7E10

## Typography
- Font: Motiva Sans, system sans-serif
- Headings: 700 weight
- Body: 400 weight, 13px

## Layout Principles
- Store front
- Game library
- Community hubs
- Wishlist management

## UI Components
- Game cards
- Discount badges
- Review summaries
- Achievement showcases

## Visual Style
- Game art focus
- Dark blue palette
- Sale prominence
- Library organization

## Color Palette
- Primary: #00C805 (Robinhood Green)
- Background: #040D14, #1E2124
- Text: #FFFFFF, #9DA0A5
- Accent: #FF5000 (Red for losses)

## Typography
- Font: Capsule Sans, system sans-serif
- Headings: 700 weight
- Body: 400 weight, 15px

## Layout Principles
- Chart-centric design
- Bottom tab navigation (mobile)
- Swipe interactions
- Full-screen charts

## UI Components
- Minimal borders
- Line charts prominent
- Number animations
- Slide-up modals

## Visual Style
- Neon on black
- Financial data focus
- Celebratory animations
- Gamified investing

## Color Palette
- Primary: #0572EC (1P Blue)
- Background: #1A1A1D, #252529
- Text: #FFFFFF, #8E8E93
- Accent: #4BB543

## Typography
- Font: -apple-system, system sans-serif
- Headings: 600 weight
- Body: 400 weight, 14px

## Layout Principles
- Vault sidebar
- Item detail views
- Search prominence
- Category organization

## UI Components
- Masked passwords
- Copy buttons
- Strength meters
- Security alerts

## Visual Style
- Security-focused
- Vault metaphor
- Locked/unlocked states
- Trust through design

## Color Palette
- Primary: #E3192E (Peloton Red)
- Background: #000000, #1A1A1A
- Text: #FFFFFF, #A8A8A8
- Accent: #4ECDC4

## Typography
- Font: Inter, system sans-serif
- Headings: 800 weight
- Body: 400 weight, 15px

## Layout Principles
- Class discovery
- Live and on-demand
- Leaderboard focus
- Instructor profiles

## UI Components
- Class cards
- Difficulty indicators
- Heart rate zones
- Achievement badges

## Visual Style
- Fitness motivation
- Dark with red energy
- Instructor-centric
- Community leaderboards

## Color Palette
- Primary: #635BFF (Stripe Purple)
- Gradients: Purple to cyan (#80E9FF), purple to pink
- Background: #0A2540 (dark navy), #FFFFFF (light sections)
- Text: #FFFFFF (on dark), #425466 (on light)

## Typography
- Font Family: Inter, system sans-serif
- Headings: 500-600 weight, tight tracking (-0.02em)
- Body: 16-17px, regular weight, 1.5 line-height
- Code: Berkeley Mono, monospace

## Layout Principles
- Asymmetric layouts with intentional imbalance
- Layered elements with depth (floating cards, code blocks)
- Generous padding, 80-120px section spacing
- Diagonal dividers and angled sections

## UI Components
- Buttons: Rounded (6px), gradient fills for primary CTA
- Code blocks: Syntax highlighted, dark themed
- Cards: Glass-morphism effects, subtle borders, backdrop blur
- Animations: Smooth parallax, GPU-accelerated transforms

## Visual Style
- Rich gradients as primary visual element
- 3D elements and floating UI components
- Animated mesh gradients in heroes
- Technical precision meets artistic expression
- Dark mode as default, light as alternate

## Color Palette
- Primary: #0063E5 (Disney Blue)
- Background: #1A1D29 (deep navy), #0E0B14 (darker sections)
- Accent: #F9F9F9 (text), #CACACA (secondary text)
- Highlights: Character/content-specific accent colors

## Typography
- Font Family: Avenir, system sans-serif
- Headings: Bold, tight letter-spacing, large scale
- Body: 14-16px, medium weight

## Layout Principles
- Full-bleed imagery, edge-to-edge content
- Horizontal scroll carousels for content discovery
- Layered depth with overlapping elements
- Immersive hero sections with video backgrounds

## UI Components
- Cards: Large artwork, rounded corners (8px), hover zoom effect
- Buttons: Solid fills, prominent CTAs, icon + text combinations
- Navigation: Persistent top bar, icon-focused, minimal text
- Carousels: Smooth snap scrolling, peek next items

## Visual Style
- Rich gradients for depth (subtle dark-to-darker)
- Content imagery as primary visual interest
- Cinematic feel with dramatic lighting
- Smooth 300ms transitions, scale transforms on hover