designpromthe digital archive / issue 04
brand dna / template analysis / stitch outputsOpen prompt builder
Back to DNA
dnaSystem calm
Brand DNA

Calm Precision UI

Quiet premium structure with high clarity, generous spacing, and crisp hierarchy.

Quiet premium2DLandingProduct storyLaunch
Brand referenceApple
Apple template exampleProduct launch hero / keynote-style product story

Name the restrained palette, measured spacing, soft depth, and precise CTA placement directly in the prompt.

Stitch promptQuiet premium
Use this prompt

Design a calm precision product landing page with generous spacing, restrained colors, crisp typography, subtle depth, and refined call-to-action placement.

Remix in builder
Expected output2D
  • 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.
Stitch output boardLanding page
stitch export
Layout

Centered hero with measured section rhythm and obvious scanning path.

Type

Crisp sans-serif hierarchy with large contrast between display and body copy.

Motion

Subtle depth and gentle transitions, never hyperactive movement.

Stitch example pages

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.

Apple-style hardware landingApple
stitch export

Ambient Device Launch

A sparse product reveal built around one floating desk device, one measured CTA, and a black-to-silver premium stage.

Stitch prompt

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.

Stitch output captures
Halo Desk Device Launch
Ambient hero

The first frame behaves like a premium hardware reveal with one dominant object.

Stitch AIv1.02026-03-30
Halo Desk Device Launch
Ecosystem pairing

The middle crop shows ecosystem pairing without cluttering the hero language.

Stitch AIv1.02026-03-30
Halo Desk Device Launch
Launch close

The close keeps CTA and proof inside the same sparse product stage.

Stitch AIv1.02026-03-30
  • 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
Use in builder
Apple-style editorial feature storyApple
stitch export

Creative Suite Story

A chapter-led product story for a creative tool, using large product stills and restrained editorial pacing.

Stitch prompt

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.

Stitch output captures
Creative Suite Story
Editorial opener

The opening frame lands through oversized product stills and editorial restraint.

Stitch AIv1.02026-03-30
Creative Suite Story
Workflow chapter

The middle crop turns workflow into a premium chapter sequence.

Stitch AIv1.02026-03-30
Creative Suite Story
Story close

The close keeps the suite story focused and product-led.

Stitch AIv1.02026-03-30
  • 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
Use in builder
Apple-style OS revealApple
stitch export

Assistant OS Preview

A keynote-like operating system preview with frosted device framing, stacked feature bands, and calm comparison moments.

Stitch prompt

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.

Stitch output captures
Assistant OS Preview
Keynote opener

The opener should read like a keynote reveal rather than a feature list.

Stitch AIv1.02026-03-30
Assistant OS Preview
Feature band

The middle crop highlights feature bands and frosted device framing.

Stitch AIv1.02026-03-30
Assistant OS Preview
Comparison close

The close resolves into a calm comparison strip and one precise action.

Stitch AIv1.02026-03-30
  • 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
Use in builder
Apple-style launch pageApple
stitch export

Quiet AI Launch Hero

A restrained product hero for AI tools that need premium clarity, soft depth, and one obvious call to action.

Stitch prompt

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.

Stitch output captures
Aether Intelligence Landing Page
Hero screen

First screen stays calm and product-led with one exact call to action.

Stitch AIv1.02026-03-30
Aether Intelligence Landing Page
Feature proof

Middle section keeps the product large and the hierarchy quiet.

Stitch AIv1.02026-03-30
Aether Intelligence Landing Page
CTA close

Final close compresses trust, pricing, and action into one premium block.

Stitch AIv1.02026-03-30
  • 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
Use in builder
Apple-style feature narrativeApple
stitch export

Product Feature Story

A scroll-led feature page with oversized product framing, clean section transitions, and no decorative noise.

Stitch prompt

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.

Stitch output captures
Aether Intelligence Feature Story
Hero frame

The hero opens with oversized product framing and clean text rhythm.

Stitch AIv1.02026-03-30
Aether Intelligence Feature Story
Story chapter

Feature storytelling keeps transitions sparse and image-led.

Stitch AIv1.02026-03-30
Aether Intelligence Feature Story
Product close

The ending section resolves into one polished CTA surface.

Stitch AIv1.02026-03-30
  • 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
Use in builder
Apple-style pricing pageApple
stitch export

Pricing and Proof Layout

A minimal pricing composition where hierarchy and spacing make the offer feel premium instead of aggressive.

Stitch prompt

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.

Stitch output captures
Aether Intelligence Pricing and Proof
Pricing hero

Pricing hero uses premium spacing instead of promotional urgency.

Stitch AIv1.02026-03-30
Aether Intelligence Pricing and Proof
Plan comparison

Plan comparison reads as architecture, not sales pressure.

Stitch AIv1.02026-03-30
Aether Intelligence Pricing and Proof
Proof close

The proof close stays quiet and expensive-looking.

Stitch AIv1.02026-03-30
  • 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
Use in builder
Visual trait index

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.

Prompt guardrails

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.
Prompt remixes

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 hierarchyCalm Precision UI

Sharper hierarchy

Push scan clarity harder while keeping the same DNA.

Stitch prompt

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 toneCalm Precision UI

Softer tone

Make the same direction more welcoming and approachable.

Stitch prompt

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-firstCalm Precision UI

Mobile-first

Compress the composition for phone-sized scanning.

Stitch prompt

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.

Generated outcomes

Mock outputs for this direction

Use these as visual anchors for how the same prompt family can express itself across hero, type, and flow.

Landingwide

Calm Precision UI Hero

Centered hero with measured section rhythm and obvious scanning path.

type systemtall

Calm Precision UI Type

Crisp sans-serif hierarchy with large contrast between display and body copy.

motionsquare

Calm Precision UI Flow

Subtle depth and gentle transitions, never hyperactive movement.

Related directions

Nearby categories worth exploring next

Atmospheric digital luxuryGradient

Premium Gradient Atmosphere

Soft light fields and premium color transitions instead of flat backgrounds.

  • Glow layers
  • Soft blends
  • Color transitions
  • Elegant contrast
View details
Design disciplineMinimal

Minimal Monochrome

Strict neutral palette with tension created by spacing and typography.

  • High contrast neutrals
  • Bold type
  • Few colors
  • Precision
View details
Cloud Ops Console
IBMB2B systems

Enterprise Grid System

Structured B2B design language built on alignment, modularity, and precision.

IBM template cueEnterprise product marketing page / system-led solution page

Specify modular proof sections, exact grid alignment, restrained accents, and systematic type hierarchy for a more IBM-like result.

6 Stitch-ready examplesCloud Ops Console
  • Strict grid
  • Modular sections
  • Precise scale
  • System-first
View details