Brand Identity System
The code::core mark.
A design system built on the language of engineers — the :: operator, simultaneously a CSS pseudo-element and a C++ scope resolution operator. Reference: CAC-BRAND-2025-001
01 — The Mark
code::core
CSS Pseudo-element
element::afterThe double colon bridges adjacent elements — exactly what the mark does between code and core.
C++ Scope Resolution
std::vectorIn C++, :: connects a namespace to its member. code is the namespace; core lives inside it.
2×2 Pixel Grid
Four dots in a 2×2 matrix — a pixel grid, circuit node, four cardinal points. Blue = logic/code. Gold = craft/core.
codecore
codeandcore.dev · Animated · Primary
02 — Icon Marks
The dot mark variants.
Primary · Navy
Gold
Dev Dark
On Ivory
On Blue
Charcoal
03 — Colour
Six curated palettes.
Navy + IvorySignature
#0D2340
#1E4D8C
#3970B8
#7AAAD6
#F9F6EF
#EDE8DC
#B8922A
--navy--blue-700--blue-500--blue-300Midnight + ElectricDev / Dark
#0A0D12
#131820
#1D2535
#2B3A55
#4A9EFF
#8AC4FF
#FFD166
--midnight--bg-2--bg-3--surfaceCharcoal + GoldPremium
#1A1814
#2E2B24
#4A4640
#8A857E
#F7F4EC
#B8922A
#D4B060
--charcoal--coal-2--coal-3--coal-404 — Typography
Three typefaces. One system.
Cormorant Garamond
Display · Headlines · Titles
600 · 300
Precision at scale.
Heroes, section headings, pullquotes, editorial content
Jost
Body · UI · Labels
300 · 400 · 500 · 600
Where precision meets craft and craft becomes culture.
Body copy, navigation, buttons, form labels, captions
JetBrains Mono
Wordmark · Code · Data
400 · 500 · 600 · 700
const brand = "codeandcore";
Wordmark exclusively, code blocks, technical data, domain display
Full System
Download the complete brand document.
The full HTML brand reference — all 23 sections, 32+ logo variants, component library, CSS tokens, and usage guidelines. Single file, no dependencies.