Brand kits: what a kit sets

A brand kit is a complete look for Automatic.css. Colours, fonts, type scale, spacing, radius and buttons are set together, in one click. Every Etchedy pattern reads your ACSS tokens, so the whole site follows: everything you pasted before and everything you paste later.

What a kit sets

• Colour. Base, ink, primary, secondary, tertiary and accent, plus success, warning, danger and info, with the button colours that go with them.
• Type. A heading font and a body font, their weights and letter spacing, and the type scale for desktop and mobile.
• Spacing. The spacing scale and the space between sections.
• Shape. The radius of cards and buttons, border sizes and the button style, from pill to sharp and uppercase.

50 kits, by mood

Dark and moody, clean and minimal, warm and editorial, bold and playful. Every kit has its own page on etchedy.com with the full board, so you can compare them before you open WordPress: browse them in the library under Brand kits.

What you need

• Automatic.css, active on the site. Kits write to its settings.
• Etchedy Pro. Without an active license the kits are preview only, and the free edition shows what they do.

1. Browse and previewBrowse and preview kits in the Etch builder.
2. Apply, undo or restoreApply a kit, step back, or go back to your own settings.
3. Use them everywhereBrand kits with your patterns and websites.