Modern SaaS

Design that speaks before you do.

Prompt-first layouts with a generative shimmer.

What we do

Structure first

A grid you can feel even when you can't see it. Every block lands where the eye already expected it.

Type that carries

One family, a strict scale, no decorative detours. Hierarchy does the talking.

Colour with intent

A single accent doing the work of five. Restraint is what makes it land.

Type specimen

Aa
DisplayAesthetic as a system
HeadingAesthetic as a system
BodyAesthetic as a system
CaptionAesthetic as a system

The vibe

The visual grammar that formed around chat and prompt interfaces: a dark canvas, one violet accent doing all the signalling, and an input field treated as the hero rather than a footnote.

Start something in this style

Leave an address and we’ll send the working files, the type scale, and the palette.

Reference · AI Native

When to use it

  • Anything where the primary interaction is a prompt.
  • Developer tools and copilots that live beside an editor.
  • Products that want to read as current rather than established.

Build spec

Palette
type
Neutral grotesk, mono for prompts and output
borders
1px white at 8–10%, 12–16px radius
spacing
Centred single column, input pinned and prominent

More in Modern SaaS

← Back to The Design Cards