Modern SaaS
Design that speaks before you do.
Motion-forward marketing with canvas energy.
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
Dark ground, one electric blue, and every section demonstrating the product by moving. Marketing pages built in the tool they're selling, which is the entire argument.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Framer Style
When to use it
- Design tools and no-code builders.
- Products whose value is easier shown than described.
- Sites where motion is a feature, not decoration.
Build spec
- Palette
- type
- Tight grotesk display, plain sans body
- borders
- 1px white at 10%, 12–16px radius
- spacing
- Full-width demo bands between narrow copy
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4