← 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 mockupElectron — monospace brand mockup
001
Electron — timepiece concept heroElectron — timepiece concept hero
002
Electron — timepiece detail 02Electron — timepiece detail 02
003
Electron — phone three-quarter renderElectron — phone three-quarter render
004
Electron — Dribbble overview compositionElectron — Dribbble overview composition
005
Electron — Dribbble UI compositionElectron — Dribbble UI composition
006
Electron — Dribbble shot 01Electron — Dribbble shot 01
007
Electron — Dribbble shot 05Electron — Dribbble shot 05
008
Electron — Dribbble shot 10Electron — Dribbble shot 10
009
Electron — Dribbble shot 15Electron — Dribbble shot 15
010
Electron — combo / system overviewElectron — combo / system overview
011
Electron — volume control stateElectron — volume control state
012