deck: scaffold — design tokens, fonts, board portraits, brand assets

Fresh static repository for the Bifrost Advisory Board presentation.
Reuses the Fenja AI design system (colours, type, Manrope + Newsreader),
the advisory-board portraits, the Fenja wordmark, and the meme.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Hvid 2026-06-18 12:16:01 +02:00
commit adce7b0d6d
15 changed files with 116 additions and 0 deletions

7
.gitignore vendored Normal file
View file

@ -0,0 +1,7 @@
# OS / editor cruft
.DS_Store
Thumbs.db
*~
# Logs
*.log

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

90
assets/css/tokens.css Normal file
View file

@ -0,0 +1,90 @@
/* =============================================================
Fenja AI Nordic Editorial Design System (deck subset)
Tokens + fonts, adapted from the original colors_and_type.css.
Only the pieces the board deck needs are kept.
============================================================= */
/* ────────── Fonts (variable) ────────── */
@font-face {
font-family: "Manrope";
font-weight: 200 800;
font-style: normal;
font-display: swap;
src: url("../fonts/Manrope-VariableFont_wght.ttf") format("truetype-variations");
}
@font-face {
font-family: "Newsreader";
font-weight: 200 800;
font-style: normal;
font-display: swap;
src: url("../fonts/Newsreader-VariableFont_opsz,wght.ttf") format("truetype-variations");
}
@font-face {
font-family: "Newsreader";
font-weight: 200 800;
font-style: italic;
font-display: swap;
src: url("../fonts/Newsreader-Italic-VariableFont_opsz,wght.ttf") format("truetype-variations");
}
:root {
/* --- Core neutrals (unbleached paper, clay, slate) --- */
--paper: #faf6ee; /* base canvas — warm paper */
--paper-high: #fffcf7; /* most-elevated — never pure white */
--paper-mid: #f4efe2;
--paper-low: #ece5d2;
--paper-2: #f6f2e8;
--paper-3: #efeadc;
--ink: #383831; /* charcoal slate */
--ink-soft: #5f5e5e;
--ink-dim: #8a887f;
--ink-faint: #ddd6c3;
/* --- Archival Pigment accent palette (the Bifrost aurora) --- */
--copper: #6d8c7c; /* copper green */
--ochre: #c29d59;
--terracotta: #b96b58;
--indigo: #5a6d83;
--heather: #8d7a85;
--crimson: #8a3a2f;
--walnut: #785f53;
/* Aurora stops — the canonical Bifrost rainbow, left→right */
--aurora-1: #b48755;
--aurora-2: #a4553b;
--aurora-3: #5c7b8e;
--aurora-4: #6e5a86;
/* --- Type families --- */
--font-serif: "Newsreader", Georgia, "Times New Roman", serif;
--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
/* --- Spacing scale (editorial, generous) --- */
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.5rem;
--space-6: 2rem;
--space-8: 2.75rem;
--space-10: 4rem;
--space-12: 5rem;
--space-16: 6rem;
/* --- Radii --- */
--radius-md: 0.75rem;
--radius-lg: 1.25rem;
--radius-xl: 1.75rem;
--radius-full: 9999px;
/* --- Motion --- */
--ease: cubic-bezier(0.2, 0.0, 0, 1);
--ease-entrance: cubic-bezier(0, 0, 0, 1);
--dur-fast: 200ms;
--dur: 380ms;
--dur-slow: 700ms;
/* --- Edge / layout --- */
--edge: clamp(1.75rem, 5vw, 6rem);
}

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/img/meme.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB