Design Analysis
Gradient Productivity Stage is a software-marketing system that feels broad, polished, and credible. White proof sections carry the main narrative, while occasional dark product theaters and concentrated gradient objects...
Gradient Productivity Stage is a software-marketing system that feels broad, polished, and credible. White proof sections carry the main narrative, while occasional dark product theaters and concentrated gradient objects create premium emphasis.
Use polished app windows, product mosaics, and one or two concentrated gradient objects as proof. Visual drama should come from the software and its framing, not from decorative background noise.
The palette is mostly neutral with controlled bursts of gradient energy.
Use a clean modern sans with strong but not aggressive weight.
Core identity and authoring metadata from the refto.one design model.
A proof-led software-marketing system built from white editorial space, polished product windows, and concentrated iridescent gradients.
Polished, expansive, and product-first.
Fields outside the primary renderer remain visible here as structured fallback content.
Primitive palettes and resolved token colors for the active preview mode.
Spacing scales rendered as tokens with a simple length specimen.
Corner radii tokens with a live surface sample.
Font families from the current design YAML, including fallback stacks and usage character.
Top-level typography scale rendered as live text specimens.
Fields outside the primary renderer remain visible here as structured fallback content.
Motion tokens rendered as resolved values for timing and personality.
Resolved motion token values.
| Property | Value |
|---|---|
duration | 140ms-220ms |
easing | cubic-bezier(.2, .8, .2, 1) |
spring | stiffness 110, damping 20 |
Low-complexity component tokens rendered as design-system specimens.
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Compact list of patterns the design system explicitly avoids.
