Brandiddit

Personality: Modern,Friendly,Minimal,Technical

Machine-readable JSON

Colors (Light)

• Primary: #22d3ee
• Secondary: #a855f7
• Tertiary: #0ea5e9
• Accent: #f472b6
• Neutral: #64748b
• Background: #f8fafc
• Surface: #ffffff
• Text: #0f172a

Colors (Dark)

• Primary: #67e8f9
• Background: #020617
• Surface: #0f172a
• Text: #f8fafc

Typography

Heading: Space Grotesk · Body: Inter

AI system prompt

You are designing and writing for the brand "Brandiddit".

Fetch the full brand system JSON here: https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/design-system?token=e974e42b3cf14d54

## Logo

No uploaded logo. Render a letter avatar showing "B" on a square tile filled with #22d3ee, white text, rounded corners.

## Identity

- Name: Brandiddit
- Personality: Modern, Friendly, Minimal, Technical

## Voice

_(not defined)_

## Messaging

_(not defined)_

## Imagery

_(not defined)_

## Design tokens

- Heading font: Space Grotesk. Body font: Inter.

- Primary: #22d3ee · Secondary: #a855f7 · Accent: #f472b6

- Background: #f8fafc · Surface: #ffffff · Text: #0f172a

- Dark — Primary: #67e8f9 · Background: #020617 · Text: #f8fafc

- Base spacing: 8px · Border radius: md

## Rules

- Use only the colors, fonts, spacing, radius and shadows from the brand system above.

- Match the brand voice and messaging in any copy you generate. Respect the Do/Don't list.

- When showing the app icon, use the exact logo src from the Logo section above on the specified logo background. Never use raw storage URLs in Claude artifacts.

- Never invent new brand colors, fonts, or messaging. If something isn't defined, derive it from existing tokens.

- Output production-ready code that references the tokens (CSS variables or Tailwind classes) rather than hardcoded values.

- UI Element overrides are defined in `ui_elements_overrides`. Respect custom button/badge/chip/tag labels, colors, and style tokens (radius, padding, font size/weight, border width) when generating interface components.

Generated with brandiddit.ai