🛠️ LIVING COMPONENT LIBRARY

ATHABASCA FORTRESS DESIGN SPEC

This specification defines the foundational color palette, typography hierarchy, tactile industrial buttons, telemetry badges, and server cards that embody the fusion of TF2 retro-industrial 1960s aesthetic and Alberta backcountry wilderness.

1. Color Palette Tokens

Click any swatch to copy its CSS token or hex code.

Primary BLU (Glacial River Turquoise)

Glacial Blue

#38c8db

var(--color-blu-glacial)

Glacial Light / Melt

#72e2f0

var(--color-blu-glacial-light)

Glacial Crevasse

#124e58

var(--color-blu-glacial-dark)

Primary RED (Jasper Rust & Iron Ore)

Jasper Red

#c84630

var(--color-red-jasper)

Jasper Highlight

#e0604b

var(--color-red-jasper-light)

Burnt Ochre

#6e2418

var(--color-red-jasper-dark)

Backgrounds & Accents (Boreal Pine)

Boreal Black

#08110d

var(--color-boreal-black)

Boreal Surface

#14271e

var(--color-boreal-surface)

Pine Needle

#2e5744

var(--color-boreal-pine)

Sub-Alpine Moss

#487e64

var(--color-boreal-moss)

Limestone Slate & Parchment Accents

Limestone Slate

#1c2124

var(--color-limestone-800)

Parchment Bulletin

#f4ebda

var(--color-parchment-cream)

Mann Co. Gold

#e2be78

var(--color-parchment-gold)

Caution Amber

#f59e0b

var(--color-caution-amber)

2. Typography Scale

Display / H1 • TF2 Build / Heavy Grotesque

ATHABASCA FORTRESS FIELD OUTPOST

Section / H2 • 1960s Compressed Sans

COLUMBIA ICEFIELDS TELEMETRY & GARRISON

Card Title / H3

CTF_2FORT • ROCKY MOUNTAINS VALLEY SECTOR

Body Text • Roboto / Inter

Team Fortress 2 is a team-based multiplayer first-person shooter developed by Valve Corporation. Athabasca Fortress hosts dedicated high-tickrate servers situated in the Canadian Rockies with custom maps, real-time stats, and active community tournaments.

Monospace / Telemetry • JetBrains Mono

connect athabascafortress.ca:27015; password wilderness1968

3. Tactile 1960s Buttons

Industrial bevels, retro pressed states, and rich team colorways.

Primary Actions

Jasper RED Actions

Secondary, Ranger & Hazard Variants

6. Outpost Server Cards (States)

Interactive server card components rendered in various states.

Athabasca | Yammy's Testing Server

📍 athabascafortress.ca:27015

Mercenary Garrison 14 / 24 Slots

#tf2 #alltalk #rockies

Deploy

Athabasca | Yammy's Trading Post

📍 athabascafortress.ca:27016

Mercenary Garrison 6 / 24 Slots

#trade #mannco #alltalk