Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageBrand kitK-005 · Dark kit
Bioluminescence
A deep-ocean dark kit: abyss-blue base, glowing teal primary, deep-sea blue and a jellyfish-amber accent, rounded Manrope type. For marine, science, music visuals and calm night UIs.
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-005
Bioluminescence
Midnight sea with electric cyan and jellyfish pink glow.
Colour10 tokens, light and dark aware
TypeManrope and Manrope
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 Bioluminescence
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 Bioluminescence sets
- Mode
- Dark
- Heading font
- Manrope, 700
- Body font
- Manrope, 400
- Type scale
- 1.3 desktop, 1.25 mobile
- Body size
- 17px desktop, 16px mobile
- Spacing scale
- 1.5, sections x4
- Radius
- 20px cards, 999px (pill) buttons
- Buttons
- 700 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.
