Workflow
Creative direction
Shape your brand identity, visual language, and creative coherence.
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.
- Move into design with Design canvas.
- For the visual system, read Design system.