Brand kitK-037 · Light kit

Playground

A friendly kit for kids, family and education products: bright orange, blue, yellow and purple, extra-round corners and chunky pill buttons.

Get it with Pro See the full kit

EtchedyInk#1d2a44EtchedySecondary#2f80ffEtchedyPrimary#ff6b35EtchedyAccent#8a3ffcEtchedyBase#fffdf7

The kit in full

Every token on one board.

Colours, type and interface, exactly as Etchedy writes them into your Automatic.css settings.

Etchedy brand kit · K-037

Playground

Colour10 tokens, light and dark aware

Base#fffdf7--base
Ink#1d2a44--neutral
Primary#ff6b35--primary
Secondary#2f80ff--secondary
Tertiary#ffd23f--tertiary
Accent#8a3ffc--accent
Success#16a34a--success
Warning#d97706--warning
Danger#dc2626--danger
Info#0284c7--info

TypeInter and Inter

InterHeadings

H1 · 68pxBold ideas

H2 · 51pxBuilt to be seen

H3 · 38pxEvery detail, tuned

H4 · 29pxSmall type, big care

Body · Inter

Good type disappears. It carries the reading from the first line to the last, sets the pace, and lets your work do the talking on every page you ship.

InterfaceButtons, fields, states, radius

New release

Launch your next site in an afternoon.

Every section picks up these colours, fonts and corners on its own. Change the kit and the whole site follows.

Email[email protected]

Get startedSee pricing

Changes saved

Your trial ends in 3 days

Payment could not be processed

A new pattern drop is live

SmallCard 22pxButton

One click

Apply it to your whole site.

Brand kits live inside the Etchedy panel in Etch. Every Etchedy pattern reads your ACSS tokens, so the kit restyles them all at once.

Open Brand kits
In Etch, open the Etchedy library and click the palette icon in its header.
Pick Playground
Each card shows the swatches and font pair, so you know what you get before you apply it.
Apply, undo or restore
Colours, fonts, type scale, spacing and radius update across your site. Undo steps back one change; Restore brings back the settings you had before your first kit.