Design System · v1.0 · May 2026

Brand Identity.

The complete visual and verbal identity system — logo, color, typography, and voice. Editorial in tone, engineering-grade in precision.

Full interactive guidelines ← Back to about

01 · Positioning

Four words that govern every decision.

From a button radius to an email subject line — these attributes are the filter.

Authoritative

Speaks from experience. Never hedges, never overclaims.

Precise

Specific numbers, specific tradeoffs, specific timelines.

Clear

Translates complexity for the non-engineer in the room.

Reliable

Ships what was scoped. Stays up after launch.

Positioning statement

“For technology leaders building business-critical software, Brian Kimurgor is a senior systems architect who designs and ships high-availability platforms — combining enterprise-grade discipline with the speed and clarity of a small, accountable team.”

02 · Logo

Mark, wordmark, and lockup.

A monogram anchored on a vertical structural axis. The amber signal node at the junction marks the moment of decision — the only place in the system that calls for attention.

Primary lockupDefault for all light surfaces

Reversed lockupDark surfaces ≥40% luminance delta

Mark onlyFavicon, app icon, avatar contexts

Monogram tileSocial, avatars, tight square slots

Misuse rules

✕Don't recolor the mark with off-system hues

✕Don't stretch, skew, or rotate

✕Don't place on low-contrast backgrounds

✕Don't add drop shadows or fills

03 · Color

Anchored on deep blue. Amber as the only signal.

A two-color system on a warm-tinted neutral scale. Blue carries authority and trust; amber is reserved for one innovation moment per screen.

Primary · Deep Blue

primary-50#EEF3FD

primary-100#D6E2FA

primary-200#A8BFF3

primary-300#7099EC

primary-400#4A82E8

●

primary-500#2D6BE4

primary-600#1F54C2

primary-700#16409A

primary-800#112F73

primary-900#0B1F4D

Accent · Amber

accent-100#FEF3D6

accent-300#FBC353

●

accent-500#F59E0B

accent-700#B4730A

accent-900#6E4607

Neutral · warm-tinted

neutral-0#FFFFFF

neutral-50#FAFAF7

neutral-100#F2F1EC

neutral-200#E5E3DB

neutral-300#C9C6BC

neutral-500#6B6964

neutral-700#2E2D2B

neutral-900#0E1116

WCAG AA verified

Every pairing used in the system passes contrast verification. Primary 600 on neutral-50: 7.4:1 AAA · Primary 500 on neutral-50: 4.7:1 AA · neutral-900 on accent-500: 9.1:1 AAA. Full matrix in the interactive guidelines.

04 · Typography

Geist for voice. Mono for evidence.

One technical sans for everything human; one monospace for anything a machine could verify. Editorial scale, generous line-height, deliberate negative space.

--font-size-display76px · 600

Built for the platform you can't afford to fail.

--font-size-h154px · 600

Architecture without ceremony

--font-size-h238px · 600

Predictable releases, every release

--font-size-h326px · 600

What you ship is what you scoped

--font-size-body16px · 400

Body copy reads like the documentation you wish every system had — specific, calm, and load-bearing without being heavy.

--font-size-caption12px · 500

CAPTIONS · 12PX · LETTERSPACED

05 · Voice & Tone

Specific over impressive. Calm over urgent.

Write the way a senior engineer briefs a CFO: complete, unhurried, decisive. Replace every adjective with a number.

Use

✓99.95% uptime SLA, enforced

✓Ships inside the scope I quoted

✓Architect, ship, harden, measure

✓Lead with the business outcome

Avoid

✕"Highly available"

✕"Delivers value-add outcomes"

✕Synergize, leverage, disrupt

✕Lead with the technology

Full brand book

The complete interactive guidelines.

Open brand book

WCAG-verified contrast matrix · logo source SVGs · copy toolkit with pre-written outreach, LinkedIn summary, and project descriptions · spacing scale · implementation snippets for header, business card, and email signature.