Free from The Lab · No account needed

Bring your creative direction to AI.

AI can produce a polished screen in seconds. Whether it fits the learner’s task is still your call. Leave with a palette, a layout built for that task, and a design brief your AI tool can follow.

Choose what you’re designing

Format

Explore a visual direction

Design Direction

Palette

Take it into your work

Read the brief
More formats
  • Brief as a fileThe same brief in Markdown
  • Palette tokensFor developers: roles, values, and checked ratios
  • PrintPreview, notes, and brief, or save as PDF

What’s next

After your AI tool builds a draft

OptionalCheck the draft against your directionTick what the draft missed and get a revision prompt that names each fix. You review the draft yourself; this page does not inspect images or files.

    Revision prompt
    
    

    Visual direction is one part of the review. Content still needs checking against the work. Read: We Want Designers to Validate AI. Will We Give Them Time?

    The hard part comes later

    One screen is easy to direct. Forty screens drift.

    Your brief keeps this asset on track. A course is dozens of prompts, and every new prompt is a fresh interpretation. Nothing breaks. It just slides, one reasonable-looking choice at a time.

    1. Each prompt starts over. The AI tool doesn’t remember last week’s decisions unless you hand them over again.
    2. Small shifts compound. A slightly different action color, a bigger heading, rounder cards.
    3. Fixing it later costs more. Catching drift screen by screen takes longer than holding the system in one place.
    IllustrationYour palette, five separate prompts. Each screen looks fine on its own. Side by side, the direction has moved.

    Keep designing in The Lab

    Hold the direction in one place. Build every screen from it.

    The Visual System Designer in The Lab carries the direction you just chose into type, spacing, layout, assets, motion, previews, and checks, held inside your project so every new screen starts from it.

    • Every role, editable. Primary, secondary, accent, border, and light and dark colors.
    • Type and spacing as a scale. Ratio, base size, line height, line length, and spacing multiplier.
    • Previews that answer real questions. Desktop, tablet, and mobile; light and dark; correct, try again, and needs review states.
    • Checks that keep it honest. Eight rule-based checks, with exceptions you can acknowledge.

    Settings here do not transfer automatically. Bring your brief: the Visual System Designer works from the same seven directions.

    Send feedback

    Only the current workspace tab is included, never your title, audience, or palette. Open form in a new tab