Modern SaaS
Design that speaks before you do.
Gradient ribbons over immaculate documentation.
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
A deep navy and one violet accent, with angled multi-stop gradient bands slicing across the hero. Underneath, the most disciplined documentation typography on the web.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Stripe Style
When to use it
- Financial infrastructure and API products.
- Anything where developer trust is the conversion.
- Docs-heavy sites that still need a marketing surface.
Build spec
- Palette
- type
- Grotesk headings, generous docs body at 16–17px
- borders
- Hairline navy at 6–10%, 8px radius
- spacing
- Roomy sections, angled gradient dividers
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4