Apple sets the benchmark in consumer electronics with a famously reductive design language. Deep black scenes (#000000) alternate with pale neutral fields (#f5f5f7), one blue family (#0071e3) carries all action semantics, and SF Pro headlines stay tightly tracked — cinematic yet restrained, ideal when product imagery leads the story.
ConsumerMinimal
Prompt Template
Base Template
Design a Apple-inspired interface. - Binary section rhythm: deep black scenes (#000000) alternating with pale neutral fields (#f5f5f7); - Single blue accent family for action and link semantics (#0071e3, #0066cc, #2997ff); - Dual operating modes in one system: cinematic showcase modules and dense commerce configurators; - Heavy reliance on imagery and material finishes; UI chrome remains visually thin; - Tight headline metrics (SF Pro Display, semibold) paired with compact body/link typography (SF Pro Text). Colors: #000000, #f5f5f7, #1d1d1f, #0071e3 with #0071e3 accent. Typography: #0071e3.
Variant Prompts
📱 Mobile
Design a mobile app with Apple aesthetics. Use Apple color identity with #0071e3 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Apple style. Use Apple color identity with #0071e3 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Apple design language. Use Apple color identity with #0071e3 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Apple visual identity. Use Apple color identity with #0071e3 accents. Compelling, conversion-focused.
Usage Examples
Apple App
WebBuild a web app with Apple design language and #0071e3 color system.
Apple Dashboard
DashboardCreate a dashboard using Apple style with data visualization and #0071e3 typography.
✅ Best For
- Consumer
- Premium product launch pages
- Imagery-led brand websites
❌ Avoid For
- Information-dense tool interfaces
- Colorful promotional pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.