A calm, data-dense internal-tool system that adapts the warm Digital
Monk brand into a dark-default operational surface. One teal accent,
scarce gold, Poppins throughout, and four semantic color systems —
stage, score, stream, status — that make the product readable at a
glance. Every value below is derived from the live build and
documented in
DESIGN.md.
Dark is the internal default · Light is the public Audit
surface
Brand
The brand layer — logo lockups, the mark, and the geometry motif
library. These aren't UI components; they carry the Digital Monk
identity and follow strict usage rules.
Logo lockups
Wordmark · on darkdm-wordmark-light.png
Wordmark · on lightdm-wordmark-dark.png
Gold mark · standalonedm-mark.png
The two "O"s of MONK are the gold spartan mark — never recreate the
wordmark in live text. Use the white lockup on dark surfaces, the
dark lockup on light, and the mark alone only where the full
wordmark won't fit (collapsed rail, spinner, favicon).
Logo do's & don'ts
Do
Keep clear-space ≥ the cap-height of "MONK" on all sides.
Pick the lockup that contrasts with the surface (white on
dark, dark on light).
Scale the whole lockup proportionally.
Don't
Re-typeset "DIGITAL MONK" in Poppins — always use the asset.
Recolor the gold mark or the text, or add effects/shadows.
Stretch, rotate, or place the wordmark on a low-contrast
background.
Geometry motifs decorative watermark only
Sacred-geometry motifs are texture, never logo. Use them as
oversized, low-opacity (6–8%) watermarks behind hero panels and
empty states — gated behind the "geometry" tweak so they can be
turned off. Never place a motif where a logo belongs, and never at
full opacity as a foreground graphic.
Accent motifs & mascot
Moon bulletlist / feature bullets
Monk mascotsparingly · marketing only
Screen Index
Every prototype screen, grouped by module. Click to jump straight in —
links set the route and open the live app.
Color
Dark palette is primary (internal app). The light palette drives the
public Audit surface.