Brand Kit

Logos, colors, and usage guidelines for DAEMON.

The DAEMON mark is two squircle shapes forming a stylized "D". The logotype pairs the mark with "DAEMON" in Plus Jakarta Sans Bold.

Primary mark, white on dark

Primary, White on dark

White mark, transparent background

White, Transparent background

Dark mark, transparent background

Dark, For light backgrounds

Mark on surface

On surface, UI contexts

Do / Don't

  • Minimum size: 24px for icons, 48px standalone
  • Keep 25% clear space around the mark
  • Don't add shadows, glows, or outlines
  • Don't rotate, stretch, or skew
  • Don't place on light backgrounds without the dark variant

Colors#

Brand

Green (Primary)

#3ECF8E

Amber

#F0B429

Red

#EF5350

Blue

#60A5FA

Surfaces

Surface 1 · ground

#121414

Surface 2 · panel

#171919

Surface 3 · hover

#1D1F1F

Surface 4 · active

#262928

Void · editor/code

#0A0A0A

Text

Primary

#F0F0F0

Secondary

#A0A0A0

Muted

#6E706F

Disabled

#4A4C4B

Typography#

UI: Plus Jakarta Sans (400, 500, 600, 700)

Code: Geist Mono (400, 500, 700) — used for the editor, terminal, eyebrows, metadata, numbers, and units.

Plus Jakarta Sans is self-hosted; Geist Mono loads via next/font. Sharp corners (0px on containers, 3px on controls), hairline structure, one green signal.

Previous

Architecture

Next

Keyboard Shortcuts