Isometric Design

"The architect's view. A parallel projection where depth is constant and parallel lines never converge."

When to Use

Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.

Core Principles

1. Parallel Lines: Isometric projection is an orthographic 3D projection with equal axis foreshortening; its projected axes are 120 degrees apart. Perspective is not required.
2. Top-Down, Angled View: The classic "SimCity" perspective.
3. Blocky Architecture: UI elements often look like city blocks or stacked tiles.

Visual DNA

• Colors: Warm Tech or Earth-Grounded Elegance. Isometric designs often look like physical models, so slightly muted, realistic colors work well.
• Typography: Keep text flat to the screen, or map it perfectly to the isometric planes (top, left, right).
• Shadows: Hard, long drop shadows cast at an exact angle (usually -45 or 45 degrees).