Style → AI Prompt Generator

Pick a style, or steal one from any site.

Choose a built-in app style, extract one from a live URL, or paste raw HTML/CSS. Then export it as an AI-ready prompt or JSON design tokens.

…or paste HTML / CSS instead (no CORS limits)

Built-in styles

iOS / Apple

preset

The quick brown fox

jumps over the lazy dog.

PrimarySecondary

primary

accent

border

Radius: 12px
Spacing: 8px
Font: -apple-system
Mood: clean, friendly, translucent, premium

Design a user interface in the "iOS / Apple" style.
Clean, airy, translucent. Rounded rectangles, soft depth, SF-style type.

## Feel
The overall mood is clean, friendly, translucent, premium.

## Colors
- Background: #f2f2f7
- Text / foreground: #1c1c1e
- Primary / brand: #007aff, secondary #5856d6
- Accent: #34c759
- Borders / dividers: #d1d1d6
- Supporting palette: #ff3b30, #ff9500, #ffcc00, #af52de.

## Typography
- Font: -apple-system, "SF Pro Text", "SF Pro Display", system-ui, sans-serif
- Base size: 17px
- Weights in use: 400, 500, 600, 700.
- Notes: Tight tracking on large titles, generous line-height on body.

## Shape & spacing
- Corner radius: 12px on cards, buttons, and inputs.
- Use elevation with a shadow like `0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06)`.
- Snap spacing to a 8px baseline grid.

## Instruction
Recreate components (buttons, cards, inputs, navigation) using exactly these tokens. Match the spacing, radius, and color relationships precisely — do not substitute your own aesthetic preferences.