Sketch

sketch.com

The 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