Internal · Brand Kit

FullStack VC

The brand essentials. Stakeholders use this to verify the look and feel reads correctly across all three modes.

Mode

Theme

Named colors — Tier 1, raw values

The brand's palette of "things we have." Components do not reference these directly — only the semantic tier does.

--color__violet-electric

#7c5cff · primary

--color__violet-deep

#4b2fc9 · primary-700

--color__lime-terminal

#b6ff5c · accent

--color__cyan-vapor

#5cf2ff · secondary

--color__magenta-fuse

#ff5cd6 · vibrant accent

--color__obsidian

#0b0d12 · background (dark)

--color__graphite-950

#11141c · surface (dark)

--color__graphite-800

#1c2030 · border (dark)

--color__graphite-400

#6b7390 · text-muted (dark)

--color__graphite-200

#c1c5d4 · border (light)

--color__bone

#f6f3ec · background (light)

--color__bone-warm

#ece8de · surface (light)

--color__ink

#0a0c12 · text (light)

--color__amber-flare

#ffb84d · reserve

Semantic colors — Tier 2, what components consume

Resolves differently per mode. Toggle modes above to see them shift.

--color-primary

--color-secondary

--color-accent

--color-background

--color-surface

--color-text

--color-text-muted

--color-border

Typography

--font__inter → --font-body

The five boxing wizards jump quickly.

Stack: Inter, system-ui, sans-serif

--font__space-grotesk → --font-display, --font-heading-*

The five boxing wizards jump quickly.

Stack: Space Grotesk, Inter, system-ui

--font__jetbrains-mono → --font-code

The five boxing wizards jump quickly.

Stack: JetBrains Mono, ui-monospace

Type scale (display)

Display

Heading 1

Heading 2

Body — the quick brown fox jumps over the lazy dog. Body text should be comfortable to read at small sizes.

code · const dojo = await VCDojo.start();

Brand marks

favicon.svg

app icon · TBD

wordmark · TBD

trademark · TBD

Signature layouts

Hero · Agentic VC Dojo

Give your firm AI superpowers.

A working community for the next generation of venture capitalists.