Brand Kits & Design Systems

Your brand identity starts at project creation. Choose from preset brand kits or customize your own colors and fonts.

Brand selection is available on the homepage when creating a new project. After creation, adjust branding through chat or Manual Editing.

Pre-Made Brand Kits

Four curated brand kits are available when starting a project:

• Arial – Clean, professional with a neutral palette
• Albert Sans – Modern geometric with vibrant accents
• Antic Slab – Editorial feel with warm tones
• Racing Sans One – Bold, energetic with high contrast

Select a kit to apply its color palette and typography instantly.

Customize Brand

Want your own colors and fonts? Click Customize brand to access:

Custom Colors

Four color pickers let you define your palette:

• Primary color
• Secondary color
• Accent color
• Background color

Specify how you want each color applied:

“Use my first color for buttons and CTAs, the second for section backgrounds.”

Font Selection

Choose from 11 available fonts:

Sans-serif: Inter, Roboto, Open Sans, Lato, Albert Sans, Arial, Racing Sans One

Serif: Georgia, Times New Roman, Antic Slab, Playfair Display

How It Works

When you submit your project prompt:

1. Your brand selection is converted to an instruction for the AI
2. The AI applies your colors and fonts while building
3. Your project is created with the selected brand identity

After Project Creation

Brand selection happens once at project creation. To adjust branding later:

• Via chat: “Change the primary color to #3B82F6”
• Via chat: “Use Playfair Display for headings”
• Via Manual Editing: Select elements and adjust their properties directly

Color Formats

Hex (#3B82F6), RGB, HSL, and named colors are all supported.

Related

• Custom Colors
• Custom Fonts
• Manual Editing