iterel
/

Workflow

Creative direction

Shape your brand identity, visual language, and creative coherence.

User-facing guide
Jump to first section

What creative direction covers

Creative direction is where your strategy becomes a tangible identity. Open it from Creative Direction in the sidebar.

If you have existing brand assets (logos, style guides, brand books), upload them in the reference gate at the top. This helps Iterel stay aligned with established guidelines rather than starting from scratch.

The tabs

Click any tab to switch between aspects of your brand identity:

Overview

A summary of your entire brand identity. Shows the current state of each element with quick navigation links to individual tabs.

Brand Name

Click Generate names to produce brand name options based on your strategy and positioning. Each name shows analysis covering memorability, fit with brand personality, and considerations for domain availability. If you already have a name, click Analyze current name to get an assessment.

Color System

Click Generate palette to build a complete color system. The palette includes primary, secondary, neutral, and accent colors. Each color shows a swatch with hex value and usage guidance. Click any swatch to see a popover with the full color details. Copy color values by clicking the hex code.

Typography

Click Generate typography to get font pairing recommendations. The system suggests heading and body fonts based on your brand personality, then defines sizes, weights, and spacing for each level of the type hierarchy.

Identity

Logo concepts and visual identity elements. Shows the core mark, wordmark, and identity system.

Iterel can autonomously generate distinct logo concepts based on your strategy. When you find a concept you like, Iterel converts the raster image into a clean, high-fidelity, responsive SVG vector asset that becomes part of your design system.

The Logo Variants grid shows multiple variations for different contexts (full logo, icon-only, horizontal, vertical, light and dark backgrounds) that are instantly available across your screens and Code environment.

Voice and Personality

Define how your brand speaks. Includes tone attributes, personality traits, messaging principles, and writing guidelines. The voice should feel consistent whether it appears in UI copy, marketing, or documentation.

Imagery

Establish the style of photography, illustration, and iconography. Defines what visual content looks like across the product — from hero images to small icons.

Layout and Motion

Define layout principles and animation style. Covers spacing philosophy, grid behavior, and how motion communicates state changes and transitions.

Component Patterns

Guidelines for how common UI patterns (buttons, cards, forms, navigation) should look and behave within your brand system.

How creative direction connects

Creative direction draws from strategy (positioning, audience, personality) and feeds forward into design. When you create screens on the design canvas, the colors, typography, and visual style from creative direction are applied.

If strategy changes, creative direction shows staleness indicators. If creative direction changes, downstream design may need updating.