Listen
Stakeholder interviews · audits · jobs-to-be-done · audience research.
✦ Service 03 — Specimen sheet / UI · UX
Designasdiscipline.
Issue Nº 03 — Spring 2026
Edited by the studio
Printed in obsidian & bone
We approach interface as a craft tradition — slow looking, fast iterating. Research grounds it, systems carry it, motion finishes it. Every artefact is documented so your team inherits a living instrument, not a static comp.
Palette · A
5 / 5Noir#0B0E13
--noir
Bone#F4EFE6
--bone
Chrome#7FB1FF
--chrome
Ember#F5A35E
--ember
Graphite#23262C
--graphite
Typography · B
3 / 3Display
Fraunces
84 / 96
Sundials & Specimens
Body
Inter Tight
16 / 24
Set with intent. Readable at any breakpoint.
Mono
JetBrains Mono
12 / 16
// metadata · tokens · captions
✦ Process — five movements
Map
Information architecture · user flows · service blueprints · content models.
Prototype
Low-fidelity sketches → high-fidelity prototypes you can click, share and stress-test.
Systemise
Tokenised design system — colour, type, spacing, motion, components, documentation.
Hand-off
Pair-design with engineering. Spec sheets, motion notes, edge-case reviews.
✦ In plain English
— Q. 01
UX vs UI — what's the difference?
UX is the map (where does a user go, why, and is it easy). UI is the surface (does it look and feel considered). We do both, not one.
— Q. 02
Why design systems?
So every future screen is fast to build and stays on-brand without us. You inherit a kit, not a one-off Figma file.
— Q. 03
Will users actually like it?
We test with 5–8 real users before shipping. Friction shows up early; we fix it before code is written.
✦ See the difference
Same product. Different outcome.
US
Sundial Studios
Start project →
Interiors composed with discipline.
We design considered spaces — clean lines, honest materials, light treated as a building block. From brief to handover in 14 weeks.
112
Projects
14wk
Avg build
4.9★
Client score
↑ Bounce rate 21% · Avg session 2:47 · Leads +312%
✦ What you walk away with
A complete design system, not a stack of mockups.
- 01User research summary + persona deck
- 02Information architecture + flow diagrams
- 03Wireframes (low-fi) → high-fi prototypes
- 04Tokenised design system (color, type, spacing)
- 05Component library in Figma + Storybook
- 06Motion specs (timing, easing, transitions)
- 07Accessibility audit (WCAG AA baseline)
- 08Living documentation site for your team
✦ Questions, answered straight
Dribbble gets you one beautiful screen. We deliver a system — every screen, every state, every breakpoint, with documentation so your team can keep building after we leave.