Name the restrained palette, measured spacing, soft depth, and precise CTA placement directly in the prompt.
Calm Precision UI
Quiet premium structure with high clarity, generous spacing, and crisp hierarchy.
Design a calm precision product landing page with generous spacing, restrained colors, crisp typography, subtle depth, and refined call-to-action placement.
- Centered hero with measured section rhythm and obvious scanning path.
- Crisp sans-serif hierarchy with large contrast between display and body copy.
- Restrained neutrals with one or two disciplined accents.
Centered hero with measured section rhythm and obvious scanning path.
Crisp sans-serif hierarchy with large contrast between display and body copy.
Subtle depth and gentle transitions, never hyperactive movement.
Example pages this brand DNA can generate in Stitch
These are practical page directions for the same company-inspired system. Open one in the builder or copy the prompt directly into Stitch.
Ambient Device Launch
A sparse product reveal built around one floating desk device, one measured CTA, and a black-to-silver premium stage.
Design an Apple-inspired landing page for a desk AI device. Use a black-to-silver hero stage, floating hardware render, a huge restrained headline, minimal navigation, and one section showing ecosystem pairing across phone, desktop, and audio. Keep the layout sparse, glossy, and expensive.
The first frame behaves like a premium hardware reveal with one dominant object.
The middle crop shows ecosystem pairing without cluttering the hero language.
The close keeps CTA and proof inside the same sparse product stage.
- The first screen should feel like a keynote product reveal, not a marketing page
- One hardware render should dominate the composition with disciplined supporting copy
- Ecosystem proof should stay quiet and architectural
Creative Suite Story
A chapter-led product story for a creative tool, using large product stills and restrained editorial pacing.
Create an Apple-like feature story page for a creative software suite. Use giant product stills, split editorial chapters, muted neutral surfaces, one luminous gradient ribbon, and a workflow story that moves from capture to edit to publish. Remove all marketing clutter.
The opening frame lands through oversized product stills and editorial restraint.
The middle crop turns workflow into a premium chapter sequence.
The close keeps the suite story focused and product-led.
- Large chapters should feel curated and cinematic without becoming noisy
- Workflow storytelling should move clearly from section to section
- The product should stay central while the UI chrome remains minimal
Assistant OS Preview
A keynote-like operating system preview with frosted device framing, stacked feature bands, and calm comparison moments.
Design an Apple-inspired OS preview page for an AI assistant. Use soft frosted device frames, stacked feature bands, one comparison strip, and calm monochrome depth. The page should feel like a keynote product reveal, not a SaaS dashboard.
The opener should read like a keynote reveal rather than a feature list.
The middle crop highlights feature bands and frosted device framing.
The close resolves into a calm comparison strip and one precise action.
- Feature bands should feel precise and controlled instead of sales-led
- The device frame needs to act as the main proof surface
- Comparison sections should stay calm and readable
Quiet AI Launch Hero
A restrained product hero for AI tools that need premium clarity, soft depth, and one obvious call to action.
Design a premium AI product landing page in an Apple-inspired direction with generous white space, quiet monochrome surfaces, crisp product typography, subtle depth, and one disciplined cobalt highlight. Keep the hero centered, reduce chrome, and make the CTA feel precise and expensive rather than loud.
First screen stays calm and product-led with one exact call to action.
Middle section keeps the product large and the hierarchy quiet.
Final close compresses trust, pricing, and action into one premium block.
- One dominant product statement with a short trust-building subhead
- Clean product media framed by generous negative space
- Minimal section rhythm with one proof surface and one primary CTA
Product Feature Story
A scroll-led feature page with oversized product framing, clean section transitions, and no decorative noise.
Create an Apple-like feature story page for a software product. Use oversized product framing, restrained neutral backgrounds, premium light gradients, concise copy blocks, and highly controlled transitions. Keep every section product-led and remove unnecessary badges, icons, and promotional clutter.
The hero opens with oversized product framing and clean text rhythm.
Feature storytelling keeps transitions sparse and image-led.
The ending section resolves into one polished CTA surface.
- Large product moments separated by clear white-space breaks
- A premium gradient layer that supports the product instead of dominating it
- Tight copy hierarchy with calm transitions between sections
Pricing and Proof Layout
A minimal pricing composition where hierarchy and spacing make the offer feel premium instead of aggressive.
Design a pricing and proof page in an Apple-like direction. Use a sharp monochrome grid, generous spacing, very few accent colors, and one glass-like feature comparison lens to highlight the main plan. The result should feel premium, calm, and easy to scan.
Pricing hero uses premium spacing instead of promotional urgency.
Plan comparison reads as architecture, not sales pressure.
The proof close stays quiet and expensive-looking.
- Plan comparison should feel architectural, not salesy
- One highlighted plan with quiet emphasis rather than bright promo treatment
- Trust and proof modules must sit in the same visual system as pricing
Make the result legible before anyone generates it
Each direction is translated into concrete layout, type, color, and pacing notes so the prompt has a visible design consequence.
Layout
Centered hero with measured section rhythm and obvious scanning path.
Typography
Crisp sans-serif hierarchy with large contrast between display and body copy.
Color
Restrained neutrals with one or two disciplined accents.
Motion
Subtle depth and gentle transitions, never hyperactive movement.
Imagery
Minimal product visuals or polished product renders.
Density
Airy and selective. Every section must have room to breathe.
What to push and what to keep out of the frame
Do
- Use strong spacing rhythm and clear hierarchy.
- Keep surfaces light and intentional rather than decorative.
- Separate CTA zones cleanly from descriptive content.
Avoid
- Do not overload the page with glowing effects or badge clutter.
- Avoid noisy gradients and unnecessary panel chrome.
- Do not let secondary content compete with the hero.
Variation prompts that keep the same design DNA
These keep the same underlying direction but change how aggressively the page scans, moves, or compresses for mobile.
Sharper hierarchy
Push scan clarity harder while keeping the same DNA.
Design a calm precision product landing page with generous spacing, restrained colors, crisp typography, subtle depth, and refined call-to-action placement. Increase the hierarchy contrast, make the headline-to-body scale more assertive, and tighten the scanning path without changing the core direction.
Softer tone
Make the same direction more welcoming and approachable.
Design a calm precision product landing page with generous spacing, restrained colors, crisp typography, subtle depth, and refined call-to-action placement. Soften the overall tone slightly, reduce visual hardness, and make the composition feel more approachable while preserving structure.
Mobile-first
Compress the composition for phone-sized scanning.
Design a calm precision product landing page with generous spacing, restrained colors, crisp typography, subtle depth, and refined call-to-action placement. Optimize the composition for mobile-first scanning with tighter sections, shorter copy blocks, and stronger first-screen clarity.
Mock outputs for this direction
Use these as visual anchors for how the same prompt family can express itself across hero, type, and flow.
Calm Precision UI Hero
Centered hero with measured section rhythm and obvious scanning path.
Calm Precision UI Type
Crisp sans-serif hierarchy with large contrast between display and body copy.
Calm Precision UI Flow
Subtle depth and gentle transitions, never hyperactive movement.
Nearby categories worth exploring next
Premium Gradient Atmosphere
Soft light fields and premium color transitions instead of flat backgrounds.
- Glow layers
- Soft blends
- Color transitions
- Elegant contrast
Minimal Monochrome
Strict neutral palette with tension created by spacing and typography.
- High contrast neutrals
- Bold type
- Few colors
- Precision
Enterprise Grid System
Structured B2B design language built on alignment, modularity, and precision.
Specify modular proof sections, exact grid alignment, restrained accents, and systematic type hierarchy for a more IBM-like result.
- Strict grid
- Modular sections
- Precise scale
- System-first