Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageBrand kitK-024 · Light kit
Lagoon
A tropical, breezy kit: sandy base, lagoon teal primary, deep-sea ink and coral highlights, rounded Outfit type. For travel, hospitality, surf and summer campaigns.
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-024
Lagoon
Turquoise shallows, deep-sea navy and a coral reef accent.
Colour10 tokens, light and dark aware
TypeOutfit and Outfit
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
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.
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 Lagoon
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.
What Lagoon sets
- Mode
- Light
- Heading font
- Outfit, 700
- Body font
- Outfit, 400
- Type scale
- 1.333 desktop, 1.25 mobile
- Body size
- 17px desktop, 16px mobile
- Spacing scale
- 1.5, sections x3
- Radius
- 18px cards, 999px (pill) buttons
- Buttons
- 600 weight, sentence case
Brand kits are part of Etchedy Pro and need Automatic.css. Fonts are bundled with the plugin, so nothing loads from a font CDN.
