A DIFFERENT POINT OF VIEW
Find a look that feels like you.
Five complete visual directions, each with its own navigation, typography, layout and motion. Explore the fictional examples, then make one your own. Every direction works with both narrative and technical projects.
01 / The friendly one
Warm
A floating capsule menu, expressive Bricolage typography and a loose scrapbook layout. Artwork arrives with a gentle turn; milestones become illustrated cards.
- Floating capsule navigation
- Playful artwork entrances
- Bricolage Grotesque + Outfit
02 / The tidy one
Crisp
A sticky product navigation, a wide screenshot stage and structured feature blocks. Calm entrance motion gives your software the space to explain itself.
- Sticky product navigation
- Dedicated screenshot stage
- Space Grotesk + Manrope
03 / The technical one
Terminal
One monospace voice, ruled sections and no rounded corners. Documentation dressed as a website.
- Command bar and project console
- Quick, stepped entrances
- Space Mono + IBM Plex Mono
04 / The visual one
Gallery
Images run edge to edge and arrive immediately after the hero, in an asymmetric mosaic. Copy stays short and out of the way.
- Poster-scale headings
- Asymmetric image collection
- Bebas Neue + Sora
05 / The long read
Editorial
A narrow measure, large display headings and room to argue a point. Comfortable for several hundred words.
- Publication masthead
- Quiet reading layouts
- Fraunces + Manrope
Your words and artwork stay with you when you switch. Apply the recommended font pairing and palette for each direction, or keep your own styling.