@brandkitSkill
Write a one-page brand style guide through a short interview, starting from the colors and fonts your site already uses. It covers colors, type, logo rules, voice, and spacing, checks text contrast, and adds a machine-readable tokens block that the other Brand Kit tools read.
Build a one-page brand guide through a short interview.
@brandkitSkill
Get your brand colors, fonts, and spacing into your code and design tools, straight from your brand guide. You get CSS variables, a Tailwind theme (v3 and v4), and a design tokens file for Figma plugins, regenerated in a second when the brand changes, plus the exact line to wire it into your project.
Turn the guide into CSS variables and a Tailwind theme.
@brandkitCommand
Make a page, email, deck outline, or social post match your brand's colors, fonts, logo, and voice with one /brand command. It finds your brand guide (or helps you write one), fixes colors, fonts, spacing, logo use, and voice, keeps every fact and price as written, and lists each change it made.
Make whatever you are working on match your brand.
@brandkitSkill
Check a page, email, deck outline, stylesheet, or post against your brand guide before it ships, and get a short fix list. It flags off-palette colors (with the nearest brand color), wrong fonts, sizes and spacing off the scale, banned words, logo misuse, and voice. Reports only; changes nothing.
Review a page, email, or deck against your guide.
@brandkitSkill
Make on-brand social media images: a link preview (Open Graph) image, a square post, and a story, in your colors, fonts, and logo. You get editable SVG templates at the exact sizes (1200x630, 1080x1080, 1080x1920 with safe zones), with text contrast checked and the headline fitted for you.
Generate on-brand social images from your tokens.
