Skip to content
Launch offerAll 100 styles $19 $99·Launch pricing ends Sunday
StyleMD

Mint Sorbet

Cold mint, a chunky grotesk and stickers slapped on like a gelato cart.

This style

$9$19

Launch offer · Launch pricing ends Sunday

One-time, no subscription · instant download · client use · 7-day refund before download

getstylemd.com/p/mint-sorbet

The idea

A fresh, cold-to-the-touch pastel: pale mint canvas dotted like a waffle cone, a squat expressive grotesk, and hand-placed stickers in raspberry and lemon. Crisp 2px outlines keep it from going mushy. It tastes like the first spoonful in July.

Mint Sorbet is a cold pastel with a crisp edge. It borrows from 1950s soda-fountain signage, riso-printed zines and the sticker-bombed fridge door: a pale mint field patterned like a waffle cone, an expressive squat grotesk set tight and heavy, and stickers in raspberry and lemon placed at jaunty angles. Unlike most pastels, everything is outlined in 2px deep green with a hard offset shadow, so the page feels printed and graphic rather than fuzzy. The mood is fresh, cheeky and a little sugary.

Principles

  • Outline everything in 2px deep green — that line is what keeps pastel from going limp.
  • Use hard offset shadows, never blurred ones.
  • Rotate stickers between -6° and 6°; never leave them straight.
  • Keep raspberry and lemon as accents on stickers, not as surfaces.
  • Headlines are short, heavy and set tight.

Motion

Stickers pop in from 85% scale with a springy overshoot; cards tilt 2 degrees on hover as if nudged on a counter, and a flavour marquee scrolls steadily under the hero.

Do & don't

Do

  • ✓ Use 2px outlines on every card, button and input.
  • ✓ Rotate stickers and feature cards slightly.
  • ✓ Keep hard shadows at exactly 4px offset.

Don't

  • ✕ Don't use blurred or soft shadows.
  • ✕ Don't use raspberry for body text.
  • ✕ Don't set long paragraphs in Bricolage.

+ 3 more of each, and component rules, in the full DESIGN.md.

What's in the DESIGN.md

  1. 01Overview & principles
  2. 02Colors (tokens + proportions)
  3. 03Typography (families + 12-role scale)
  4. 04Layout & spacing scale
  5. 05Elevation & depth
  6. 06Shapes & radii
  7. 07Motion (easing, durations, signature)
  8. 08Imagery + generation prompt
  9. 09Components (button, card, nav, input, badge)
  10. 10Do's and don'ts
  11. 11Responsive behaviour
  12. 12Iteration guide + agent checklist

Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 365 lines of DESIGN.md in total.

More like this

All Pastel & Soft →

Free style · full files

Get the free pack.

We'll email you the download link and one follow-up with a launch discount. Unsubscribe anytime.