Design Style

Bold Design Prompts

Strong typography, vibrant colors, and attention-grabbing layouts that make a statement.

Netflix website screenshot

Netflix

Streaming
BoldDark
## 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
Midjourney website screenshot

Midjourney

AI
BoldDark
## 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
Discord website screenshot

Discord

Social
BoldDark
## 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
Nike website screenshot

Nike

Brand
BoldDark
## 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
TikTok website screenshot

TikTok

Social
BoldDark
## 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
Spotify website screenshot

Spotify

Entertainment
BoldDark
## 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
Twitch website screenshot

Twitch

Gaming
BoldDark
## 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
Adidas website screenshot

Adidas

Brand
BoldLight
## Color Palette
- Primary: #000000
- Background: #FFFFFF, #ECEFF1
- Text: #000000, #767677
- Accent: #FF0000

## Typography
- Font: AdihausDIN, Helvetica
- Headings: 700 weight, uppercase
- Body: 400 weight, 14px

## Layout Principles
- Three stripes motif
- Product category focus
- Athlete collaborations
- Sustainability messaging

## UI Components
- Angular design elements
- Product cards
- Filter dropdowns
- Size guides

## Visual Style
- Sport heritage
- Street culture
- Bold uppercase text
- Clean product focus
Steam website screenshot

Steam

Gaming
BoldDark
## 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
Strava website screenshot

Strava

Health
BoldLight
## Color Palette
- Primary: #FC4C02 (Strava Orange)
- Background: #FFFFFF, #F7F7F8
- Text: #242428, #6D6D78
- Accent: #2D2D32

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

## Layout Principles
- Activity feed
- Map routes prominent
- Segment leaderboards
- Stats dashboards

## UI Components
- Kudos button
- Elevation charts
- Segment crowns
- Activity cards

## Visual Style
- Athletic achievement
- Orange energy
- Route visualization
- Community competition
Peloton website screenshot

Peloton

Health
BoldDark
## 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
Booking.com website screenshot

Booking.com

Travel
BoldLight
## Color Palette
- Primary: #003580 (Booking Blue)
- Secondary: #FEBB02 (Yellow)
- Background: #FFFFFF, #F5F5F5
- Text: #262626, #6B6B6B

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

## Layout Principles
- Search-first design
- Filter sidebars
- Property cards
- Review prominence

## UI Components
- Yellow CTAs
- Star ratings
- Price calendars
- Urgency badges

## Visual Style
- Deal-focused
- Trust through reviews
- Urgency messaging
- Blue professional base
DoorDash website screenshot

DoorDash

Food
BoldLight
## Color Palette
- Primary: #FF3008 (DoorDash Red)
- Background: #FFFFFF, #F5F5F5
- Text: #191919, #767676
- Accent: #00838A

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

## Layout Principles
- Restaurant discovery
- Category carousels
- Map/list toggle
- Cart sidebar

## UI Components
- Restaurant cards
- Delivery time badges
- Rating stars
- Add to cart buttons

## Visual Style
- Food photography
- Urgency in delivery
- Local discovery
- Red action emphasis
Yelp website screenshot

Yelp

Food
BoldLight
## Color Palette
- Primary: #D32323 (Yelp Red)
- Background: #FFFFFF, #F5F5F5
- Text: #333333, #666666
- Accent: #41A700

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

## Layout Principles
- Search-centric
- Map integration
- Review prominence
- Business listings

## UI Components
- Star ratings
- Review cards
- Photo galleries
- Filter chips

## Visual Style
- Review-focused
- Local business
- Trust through volume
- Red brand color
Amazon website screenshot

Amazon

E-commerce
BoldLight
## Color Palette
- Primary: #FF9900 (Amazon Orange)
- Secondary: #146EB4 (Blue)
- Background: #FFFFFF, #EAEDED
- Text: #0F1111, #565959

## Typography
- Font: Amazon Ember, Arial
- Headings: 700 weight
- Body: 400 weight, 14px

## Layout Principles
- Dense product grids
- Horizontal scrolling carousels
- Mega navigation menus
- Review prominence

## UI Components
- Yellow buttons
- Star ratings
- Price emphasis
- Buy box layouts

## Visual Style
- Information density
- Deal/urgency messaging
- User review focus
- Utilitarian design
Coca-Cola website screenshot

Coca-Cola

Brand
BoldColorful
## Color Palette
- Primary: #F40009 (Coca-Cola Red)
- Secondary: #FFFFFF (White), #000000 (Black)
- Background: #F40009 or #FFFFFF depending on section
- Accent: #1E1E1E (dark text on light)

## Typography
- Font Family: TCCC Unity, custom serif for headlines, sans-serif for body
- Headings: Bold, expressive, often curved or dynamic
- Body: Clean sans-serif, 16px, good contrast

## Layout Principles
- Dynamic, flowing layouts with curved elements
- Hero-focused with large product imagery
- Asymmetric balance, breaking grid intentionally
- Strong diagonal movements and wave patterns

## UI Components
- Buttons: Rounded pills, high contrast (white on red)
- Cards: Full-bleed images, minimal borders
- CTAs: Bold, action-oriented, prominent placement
- Icons: Custom illustrated style when possible

## Visual Style
- High saturation, confident color usage
- Product photography as centerpiece
- Lifestyle imagery with emotional appeal
- Smooth curves, no harsh angles
- Energy and movement in static designs