A look-feel-think for the studio

A field guide to the night.

What NightWorks looks like, sounds like, and stands for. Less spec-sheet, more atmosphere — but the rules are still here.

"The best ideas show up after midnight, when the noise is gone."

— Studio thesis

01 · MARK · ON DARK

01 · MARK · ON BLUE

NIGHT · #0A0A0D

DEEP BLUE · #123648

MOON · #E8E4D0

SUNRISE · #FFB066

02 · STARFIELD · 3s TWINKLE

Aa Gg

BRICOLAGE GROTESQUE · DISPLAY

"An independent studio
building its own products."

INTER · BODY

04 · LUNAR CYCLE

05 · MOON · CELESTIAL BODY

"Galaxy gradient · #150D0B → #654C21"

06 · GALAXY · INTRO PANEL

Quiet, dry, considered. A smart colleague at 11pm — not a brochure at 11am.

Slow exhale. Nothing flashes. Animations breathe — they do not flicker.

"Use the brand like
you'd use a good knife —
sharp, considered, never
swung around."

— Usage principle

07 · ROCKET · ORBIT INDICATOR

08 · DOTTED OVERLAY · 8PX

Downloads

Assets & guidelines.

SVG · PNG (1x/2x) · light + dark

CSS, JSON, ASE, Hex

Bricolage Grotesque · Inter · Nova Mono

Bio, photo, recent talks

Get in touch

Questions about a project, a bug worth knowing about, or just saying hi — it all gets read.