monospace.studio

← Back

Electron UI

a self-initiated mobile UI exploration around a single design system

Role: Designer · Client: Self

uivisualart-direction

About the client

Electron was a long-running self-initiated UI study — a fictional product line built around a single visual system to test how far one set of tokens (type, density, the dark monospace palette) could stretch across surfaces. Most of it landed on Dribbble in short shots, plus a few richer brand and timepiece mockups that pushed the system into product photography. Not a real product; a sandbox for the language that eventually informed monospace.studio.

Electron — monospace brand mockup
001
Electron — timepiece concept hero
002
Electron — timepiece detail 02
003
Electron — phone three-quarter render
004
Electron — Dribbble overview composition
005
Electron — Dribbble UI composition
006
Electron — Dribbble shot 01
007
Electron — Dribbble shot 05
008
Electron — Dribbble shot 10
009
Electron — Dribbble shot 15
010
Electron — combo / system overview
011
Electron — volume control state
012