Out

CreatorsHatch Puff · Fat

Hatch Creators

Help people who make and ship content copy a workflow or template.

02Concepts

01

Crate-pass-3 hero forms

crate, hatching egg, pebbles and pills, petals, lathe bottles and jars, ribbons, stadium rings, four-point sparkle

02

Materials

multi-hue gradient emission (grad)

03

Motion

staggered eased bloom and retract, shape-key morph (pebble to petal, pill to petal), hinged crate lid, periodic gradient scroll

04

Stage

warm grey or deep ground

05

Hatch Puff Ultra, drawn from scratch

A custom display typeface: single-stroke centrelines expanded into outlines. Original outlines; no existing font was copied or traced.

04   Palette — click to copy

05Type

Hatch PuffFat · 397 glyphs · View family ↗

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &!?

display — Hatch Puff Ultra

label — Hatch Puff Medium · sub-headlines and friendly text inside graphics: Medium 36 px and up, Hatch Puff Regular 24 px and up

text — Bricolage Grotesque · caption and long text

mono — JetBrains Mono · micro labels

06Voice

Warm, encouraging, practical: a clever friend showing the steps. Says what to do and why; admits when something is not known instead of padding.

energeticpracticalwarmshows the steps

07Topology

Beside