Modern SaaS
Design that speaks before you do.
Feature grids as tidy, unequal boxes.
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 page built from rounded tiles of unequal size, each holding exactly one idea. Borrowed from Japanese bento boxes by way of Apple's product pages — it scans fast because nothing competes inside a single cell.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Bento UI
When to use it
- Feature sections that would otherwise be a boring three-column row.
- Product pages with capabilities of genuinely different weight.
- Dashboards and marketing pages that need to feel modular.
Build spec
- Palette
- type
- Geometric sans, tight headings, quiet body
- borders
- Hairline, 16–24px radius, soft elevation
- spacing
- 12–16px gutters, cells span 1–2 columns
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4