Tech & Software Website Design Prompts

## 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: #4285F4 (Google Blue)
- Secondary accents: #EA4335 (Red), #FBBC04 (Yellow), #34A853 (Green)
- Background: #FFFFFF
- Text: #202124 (primary), #5F6368 (secondary)

## Typography
- Font Family: Google Sans, Product Sans fallback to system sans-serif
- Headings: 400-500 weight, generous letter-spacing
- Body: 14-16px, regular weight, high readability

## Layout Principles
- Extreme minimalism with maximum whitespace
- Content-first hierarchy, single focal point
- Centered layouts with balanced negative space
- Grid: Simple, often single-column for key interactions

## UI Components
- Buttons: Rounded corners (4px), subtle shadows on hover
- Inputs: Clean borders, ample padding, clear focus states
- Cards: Minimal elevation, light borders or subtle shadows
- Icons: Outlined style, consistent 24px sizing

## Visual Style
- No gradients, flat solid colors
- Micro-interactions on hover/focus
- Accessibility-first contrast ratios
- Clean, functional, purposeful design

Create a minimalistic design system inspired by Google. Use a light color scheme with the following color palette: primary color #4285F4 (used for buttons and links), secondary color #34A853 (used for confirmation actions), accent color #FBBC05 (for emphasis or alerts), background color #FFFFFF, and text color #202124.

Typography:
- Heading Font: Google Sans
- Body Font: Arial
- Base Font Size: 14px
- Heading Sizes:
  - H1: 32px, Bold
  - H2: 24px, Bold
  - H3: 18px, Bold
- Line Height: 1.5

Layout:
- Use ample white space with margins of 20px.
- Consistent padding of 16px in containers.
- Grid layout with a 12-column structure.

UI Components:
- Buttons:
  - Primary Button: Background color #4285F4, white text, border-radius 4px, padding 10px 20px
  - Secondary Button: Transparent background, border-color #4285F4, text color #4285F4, border-radius 4px

Visual Style:
- Maintain simplicity with no unnecessary embellishments.
- Ensure accessibility with high contrast between text and background.
- Use icons sparingly to support text content.