Premium Design Prompts

## Color Palette
- Primary: #000000
- Background: #FFFFFF, #F7F7F7
- Text: #121212, #666666
- Accent: #567B95

## Typography
- Font: nyt-cheltenham (serif), nyt-franklin
- Headings: 700 weight, serif
- Body: 400 weight, 18-20px

## Layout Principles
- Broadsheet grid
- Section hierarchy
- Longform reading
- Breaking news banners

## UI Components
- Minimal borders
- Section headers
- Byline styling
- Comment sections

## Visual Style
- Newspaper heritage
- Authoritative serif
- Photojournalism
- Editorial gravitas

## Color Palette
- Primary: #000000 (Black), #FFFFFF (White)
- Accents: Product-specific colors (iPhone purple, etc.)
- Background: #FBFBFD (off-white), #000000 (dark sections)
- Text: #1D1D1F (primary), #86868B (secondary)

## Typography
- Font Family: SF Pro Display, SF Pro Text, system
- Headings: Semibold, large scale (48-80px), tight tracking
- Body: 17-21px, regular weight, generous line-height (1.47)
- Text often centered for dramatic impact

## Layout Principles
- Full-viewport sections, scroll-triggered content
- Product as hero, massive scale imagery
- Centered single-column for text content
- Strategic use of sticky positioning

## UI Components
- Buttons: Compact, rounded (980px radius pill), text-link style CTAs
- Navigation: Minimal, blurred backdrop, compact
- Cards: Edge-to-edge images, no visible borders
- Transitions: Smooth 400ms, ease-out curves

## Visual Style
- Product photography at highest quality
- Dramatic lighting, studio-shot feel
- Deep blacks, pure whites, selective color
- Scroll-triggered animations (fade, scale, parallax)
- Cinematic video backgrounds
- Details matter - pixel-perfect alignment

## 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