Design & Styling
Match your brand in one prompt. Set colors, fonts, spacing, and themes across every page automatically.
Quick Answer
Boomlink design tokens are reusable brand rules that your AI assistant can apply across pages, so new sections and edits keep the same colors, typography, spacing, and component feel.
Use them when a generated site needs to keep the same brand system after new pages, forms, sections, and calls to action are added. Tokens give the assistant a shared source of truth instead of asking it to restyle each page from memory.
| Token Type | What it controls |
|---|---|
| Colors | Controls primary actions, backgrounds, text contrast, and accents across generated pages. |
| Typography | Keeps headings, body copy, labels, and UI text aligned with the brand voice. |
| Spacing | Makes repeated sections feel consistent when the AI adds pages or rearranges content. |
| Radius | Sets the visual sharpness of buttons, cards, images, and content containers. |
What Are Design Tokens?
Design tokens define your site's visual identity: brand colors, typography, spacing, and corner radius. Set them once and every page and component on your site stays consistent automatically.
Setting Your Brand Style
Describe your brand and your AI applies it across the entire site:
Include the brand adjectives, primary color, preferred font feel, and any layout constraints in the same prompt. That gives Boomlink enough context to apply consistent styling to existing pages and future additions.
"Set my brand colors to blue and white with a modern feel."
"Use Inter font for headings and system font for body text."
"Make my site use rounded corners and generous spacing."
Available Tokens
Update tokens when the site is drifting across pages, when a new campaign needs a different feel, or when a form, pricing table, or CTA should match the rest of the brand system. After each update, review a few pages in preview so color contrast, spacing, and typography still work together.
Keep token prompts specific. Instead of asking for a modern look, name the primary color, preferred contrast level, heading personality, button shape, and whether the page should feel more editorial, product-led, or operational.
Colors
Primary, secondary, accent, background, and text colors. Supports hex, RGB, and HSL values.
Typography
Font family, sizes, weights, and line heights for headings, body, and UI text.
Spacing
Consistent spacing scale for margins, padding, and gaps between elements.
Border Radius
Corner rounding for buttons, cards, and containers, from sharp to fully rounded.
Themes
Design tokens support light and dark mode. Set up both and your site automatically adapts to each visitor's system preference with no extra work required.
Available MCP Tools
set_design_tokensget_design_tokens