Back to work
View CV
Brand Design SystemGlimpse Learning

Brand Design System — Visual Framework + Repeatable Templates

Developed a repeatable brand design system that transforms an initial brief and logo exploration into a structured, scalable visual language. Workflow combines Illustrator-based logo development, visual rule creation, Claude Code documentation, Claude Design templates, and systematic application across documents and brand assets.

Creative TechnologistBrand System DesignerVisual Identity DesignerDesign Workflow Architect
Brand Design System — Visual Framework + Repeatable Templates — hero

Outcome

Turned a brand concept into a scalable design system covering logo direction, visual rules, style guide documentation, reusable templates, and consistent application across all documents and visual touchpoints. The system-first approach — rules before assets — means any team member can extend the brand without breaking it. Rejected the common logo + colour palette approach in favour of a documented token layer that governs every output.

Workflow

Brand style guide system

From brief to full brand consistency.

  1. 1

    Brief & logo exploration

    • Brand brief / goals / audience
    • Mood references
    • Logo exploration in Illustrator
    • Initial direction selection

    Output

    • Creative brief
    • Logo concepts
    • Direction shortlist
  2. 2

    Visual rules & skills

    • Define color system
    • Typography rules
    • Shapes / icons / graphic language
    • Claude Code + Claude Design skills

    Output

    • Rule set
    • Prompt / skill framework
    • Visual element system
  3. 3

    Comprehensive style guide

    • Brand foundations
    • Logo usage rules
    • Color, type, spacing, imagery
    • Built in Claude Code + Claude Design

    Output

    • Full brand style guide
    • Documentation structure
  4. 4

    Convert & apply

    • Apply across documents
    • Presentation decks
    • Social / marketing assets
    • Visual elements and templates

    Output

    • Converted assets
    • Updated templates
    • Branded documents
  5. 5

    Consistency & delivery

    • Review alignment
    • Refine edge cases
    • Final asset package
    • Scalable brand system

    Output

    • Final brand system
    • Ready-to-use assets
    • Consistent brand rollout

Final output

  • Brand style guide
  • Logo assets
  • Prompt / skill system
  • Branded documents & visual elements
Brand Design System — Visual Framework + Repeatable Templates — design reference
Design reference
Brand Design System — Visual Framework + Repeatable Templates — production output
Production output
Brand Design System — Visual Framework + Repeatable Templates — showcase 1
Brand Design System — Visual Framework + Repeatable Templates — showcase 2

Built with

Adobe IllustratorFigmaAfter EffectsClaude CodeClaude DesignChatGPTBrand documentation workflowsPresentation and document systems

Outputs

  • ·Logo exploration and refinement
  • ·Brand visual rules
  • ·Typography, color, spacing, and layout system
  • ·Reusable design tokens and visual guidelines
  • ·Claude Code brand documentation
  • ·Claude Design presentation templates
  • ·Consistent branded documents
  • ·Visual asset system for repeatable production
Back to all work