Modern SaaS

Design that speaks before you do.

Playful gradients wrapped around serious software.

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

Hand-picked pastel gradients, rounded everything, and hand-lettered accents applied to a category — browsers — that had been grey for twenty years. Personality as the differentiator.

Start something in this style

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

Reference · Arc Browser Style

When to use it

  • Reinventing a category people find boring.
  • Consumer software that wants to feel personal.
  • Products with user-chosen themes or spaces.

Build spec

Palette
type
Rounded sans, occasional script accent
borders
Soft hairline, 16–24px radius
spacing
Loose and airy, gradients filling the gaps

More in Modern SaaS

← Back to The Design Cards