Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageBrand kitK-007 · Dark kit
Blueprint
A technical-drawing kit: deep blueprint-blue base, white primary lines, pale-blue secondary and a yellow pencil accent in Space Grotesk. For hardware, engineering, infrastructure and spec pages.
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-007
Blueprint
White linework on engineering blue, with a yellow pencil mark.
Colour10 tokens, light and dark aware
TypeSpace Grotesk and JetBrains Mono
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 Blueprint
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 Blueprint sets
- Mode
- Dark
- Heading font
- Space Grotesk, 600
- Body font
- JetBrains Mono, 400
- Type scale
- 1.3 desktop, 1.25 mobile
- Body size
- 15px desktop, 16px mobile
- Spacing scale
- 1.333, sections x3
- Radius
- 0px cards, 0px buttons
- Buttons
- 600 weight, uppercase
Brand kits are part of Etchedy Pro and need Automatic.css. Fonts are bundled with the plugin, so nothing loads from a font CDN.
