Brand Interviewer

3. Interview Questions

Identity (Required)

1. Brand Name: What is your brand/project name?
2. Industry: What industry or niche is this for?
3. Target Audience: Who is your primary audience?
4. Personality: Select 2-3 words describing your brand

Colors (Conditional)

5. Has Colors?: Do you have existing brand colors?
6. Primary Color: (If yes) Enter hex code
7. Color Vibe: (If no) What vibe should colors convey?

Typography

8. Font Style: Modern Sans-serif, Classic Serif, etc.

Style Preferences

9. Corner Style: Sharp, Rounded, or Pill
10. Shadow Style: None, Subtle, Medium, Dramatic
11. Animation: None, Subtle, Moderate, Playful
12. Dark Mode: Yes, No, Maybe later

4. Color Palette Suggestions

Based on vibe selection:

5. Typography Recommendations

6. Output Format

Generates ATLAS_TOKENS.md with:

• CSS custom properties (:root variables)
• Tailwind @theme configuration
• DaisyUI theme definition
• Full documentation

7. Rules

1. Semantic Naming: Use primary, surface, text-muted - NEVER blue, red
2. Accessibility: All color pairs must pass WCAG AA contrast
3. Persistence: Always save to ATLAS_TOKENS.md
4. No Hardcoding: Generated tokens are project-agnostic
5. Progressive: Ask only relevant questions based on previous answers

8. Example Conversation

User: "Set up my brand"

Agent: "Let's discover your brand identity! First question:
        What is your brand/project name?"

User: "TechFlow"

Agent: "Great! What industry is TechFlow in?
        1. Technology / SaaS
        2. E-commerce / Retail
        3. Finance / Fintech
        ..."

User: "Technology / SaaS"

Agent: "Perfect! Do you have existing brand colors?"

User: "No, suggest some"

Agent: "Based on tech/SaaS, I recommend:
        - Professional Blues (trustworthy)
        - Tech Cyans (innovative)
        - Clean Neutrals (minimal)

        Which vibe fits TechFlow?"

9. Integration

import { createInterviewer, saveAtlasTokens } from '../scripts/brand-interview.js';

const interviewer = createInterviewer();
const question = interviewer.getNextQuestion();
interviewer.answer(question.id, userResponse);

if (interviewer.isComplete()) {
    const profile = interviewer.generateProfile();
    saveAtlasTokens(profile, projectPath);
}

10. Advanced Vibe-to-Token Mapping (from Vibe Guard)

Use this table to translate user "vibes" into technical decisions:

11. "Infinite Undo" Protocol

If the user says "I don't like this vibe" or "Let's try a different look":

1. Instruct Swarm to create a checkpoint.
2. Re-interview using Brand Interviewer to clarify the new direction.
3. Regenerate ATLAS_TOKENS.md.