jeffberthiaume.me — Color Palette

Design system reference. Colors sourced from design.md — that file is the source of truth.

Core

Background Primary

#0d1117

--bg-primary

Page background

Background Secondary

#131923

--bg-secondary / --bg-card

Section gradients, cards, panels

Text Primary

#f8f6f2

--text-primary

Body text (paper)

Text Secondary

#6b7280

--text-secondary

Muted text, subtitles

Accent

Burnt Orange

#cc5500

--accent

Links, highlights, brand color

Accent Hover

#ff7733

--accent-hover

Hover states

Accent Dark

#993d00

--accent-dark

Dark variant for depth

Accent Secondary

#d4a060

--accent-secondary

Warm amber — nav highlights

Category Colors

AI & Innovation

#cc5500

--cat-ai

Burnt orange — AI category cards

EdTech

#1e3a5f

--cat-edtech

Deep blue — EdTech category cards

Apps

#8b3a3a

--cat-app

Dark rosewood — Apps category cards

Passions

#2d6a4f

--cat-passion

Forest green — Passions category cards

Retro

#8b6914

--cat-retro

Warm gold — Retro category cards

Card Accent Bars

⚡︎

Sample Card

◆

EdTech

Sample Card

❄︎

Apps

Sample Card

♥︎

Passions

Sample Card

💾

Retro

Sample Card

Typography

Heading — Playfair Display

An Educator's Vision

Body — Space Grotesk

Collaboration is woven into the fabric of who I am, and Innovation drives me forward.

Label — Space Grotesk uppercase

Chapter Two

Supporting

Chapter Blue

#1e3a5f

--chapter

Background gradient accent

Border

rgba(--accent-rgb, 0.2)

--border

Card borders, dividers

Sphere Effects

Radial Glow

10% white center, 5% at 40%, transparent at 65% — defines the orb space

Constellation Lines

Category-colored quadratic curves with gravity pull (0.8) toward center. Opacity: 15% base + 31% × depth. All-pairs connections within each category.

← jeffberthiaume.me