Sketch
sketch.comThe reference for floating one warm editorial serif headline over a near-white canvas washed in a single soft pink-to-lavender gradient, with all the energy concentrated in a dark pill CTA wrapped in a diffused magenta halo.
SaaS Product flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- Reckless
- body
- Reckless
- mono
Do / Don't
Reference it for
- Pastel atmospheric hero: a near-white page tinted by one wide pink-to-lavender wash (linear-gradient(104deg, rgb(252,122,155) 0%, rgb(180,126,238) 100%)) instead of a hard background colour
- A big editorial display serif (~76px) for the headline set against a small humanist sans (~20px) sub-paragraph, the only two type voices on the page
- Obsidian #212123 ink on the wash for text, graphite #4a4a4a for the muted sub-copy, never pure black for body
- Dark pill CTA (near-black fill, ~20px radius) with a download glyph, lifted by a glow halo: 0 0 0 3px rgba(252,122,155,0.35), 0 0 12px 2px rgba(252,122,155,0.2)
- Two-column hero split: oversized headline left, short value sentence + single CTA + tiny requirements line right, asymmetric not centred
- A small white announcement card with a rounded thumbnail, bold lead, one-line body and an inline Learn more link, dropped between hero and product shot
- Restrained pill-shaped top nav with text labels + chevrons, Sign In as text and Get started as the only filled control
- Tilted product screenshot anchoring the fold so the app UI itself is the proof, bleeding off the bottom edge
Do not copy
- The Sketch diamond logo mark
- The Reckless display serif (licensed brand face); pick your own editorial serif
- The exact duskWash pink-to-lavender gradient as a verbatim brand signature
- The download glyph in the CTA (it signals a native Mac app, not a generic action)
- The Sketch app editor screenshot and its TV-dashboard sample content
- The 'Designers, welcome home.' headline voice as-is