Modern SaaS
Design that speaks before you do.
Command palette as the whole interface.
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 floating dark panel with a search field at the top and a keyboard-hint bar at the bottom, rendered with enough shadow to sit convincingly above the desktop. The marketing site simply shows the product.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Raycast Style
When to use it
- Launchers, palettes and any ⌘K surface.
- Extension marketplaces and plugin ecosystems.
- Mac-first tools that want to feel native.
Build spec
- Palette
- type
- System sans at 13–14px, mono for shortcuts
- borders
- 1px white at 10%, 12–16px radius
- spacing
- Dense list rows, generous panel padding
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4