Design intelligence
Search patterns, not clones.
10 patterns
typographyoriginal
Editorial contrast
Make a premium narrative feel authored and legible.
- High-contrast display serif
- Neutral sans for decisions
- Tight display leading, generous body leading
typographyoriginal
Utility annotation layer
Separate evidence, specifications, and system state from narrative copy.
- Mono or narrow sans metadata
- Tabular numerals
- Uppercase used sparingly
heroresearch-only
Object dossier
Introduce one product or building through physical presence and essential facts.
- Single focal object
- Asymmetric fact rail
- One direct action
herooriginal
Working proof
Show a software product doing its main job in the first viewport.
- Representative input
- Useful result
- Visible provenance or state
scrollresearch-only
Sticky chapter stage
Hold a visual constant while evidence changes in readable chapters.
- Sticky media stage
- Intersecting text chapters
- Progress indicator
scrolloriginal
Native editorial flow
Let content pacing, not scroll manipulation, create premium rhythm.
- Alternating measures
- Strong chapter spacing
- Optional progress rail
interactionresearch-only
Comparison lens
Reveal process, risk, construction, or alternate state without leaving context.
- Pointer/focus mask
- Explicit toggle fallback
- Paired state labels
interactionoriginal
Parameter scrub
Tie a technical variable to a visible physical outcome.
- Bounded slider
- Live value label
- Stable before/after framing
atmosphereresearch-only
Material darkness
Create depth through black levels, edge light, and tactile close-ups.
- Near-black surface scale
- One signal color
- Controlled grain
atmosphereoriginal
Temporal light
Use changing light temperature to communicate time and pace.
- Tokenized background interpolation
- Stable text surfaces
- Discrete chapter fallback