commit adce7b0d6d9c28616519d7f1c4721767882a955c Author: Jonathan Hvid Date: Thu Jun 18 12:16:01 2026 +0200 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) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..fd26db3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,7 @@ +# OS / editor cruft +.DS_Store +Thumbs.db +*~ + +# Logs +*.log diff --git a/assets/board/anna-jessen.jpg b/assets/board/anna-jessen.jpg new file mode 100644 index 0000000..b6afda3 Binary files /dev/null and b/assets/board/anna-jessen.jpg differ diff --git a/assets/board/hakon-daltveit.jpg b/assets/board/hakon-daltveit.jpg new file mode 100644 index 0000000..a0c3c91 Binary files /dev/null and b/assets/board/hakon-daltveit.jpg differ diff --git a/assets/board/mads-nyborg.jpg b/assets/board/mads-nyborg.jpg new file mode 100644 index 0000000..49084ad Binary files /dev/null and b/assets/board/mads-nyborg.jpg differ diff --git a/assets/board/mathies-laursen.jpg b/assets/board/mathies-laursen.jpg new file mode 100644 index 0000000..b033c17 Binary files /dev/null and b/assets/board/mathies-laursen.jpg differ diff --git a/assets/board/soren-friis.jpg b/assets/board/soren-friis.jpg new file mode 100644 index 0000000..b0e4490 Binary files /dev/null and b/assets/board/soren-friis.jpg differ diff --git a/assets/board/torben-schutt.jpg b/assets/board/torben-schutt.jpg new file mode 100644 index 0000000..3c9598a Binary files /dev/null and b/assets/board/torben-schutt.jpg differ diff --git a/assets/board/ulla-nygaard-eliassen.jpg b/assets/board/ulla-nygaard-eliassen.jpg new file mode 100644 index 0000000..4e6fcdf Binary files /dev/null and b/assets/board/ulla-nygaard-eliassen.jpg differ diff --git a/assets/board/william-irving.jpg b/assets/board/william-irving.jpg new file mode 100644 index 0000000..bc137c9 Binary files /dev/null and b/assets/board/william-irving.jpg differ diff --git a/assets/css/tokens.css b/assets/css/tokens.css new file mode 100644 index 0000000..436f2a9 --- /dev/null +++ b/assets/css/tokens.css @@ -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); +} diff --git a/assets/fonts/Manrope-VariableFont_wght.ttf b/assets/fonts/Manrope-VariableFont_wght.ttf new file mode 100644 index 0000000..765c1b1 Binary files /dev/null and b/assets/fonts/Manrope-VariableFont_wght.ttf differ diff --git a/assets/fonts/Newsreader-Italic-VariableFont_opsz,wght.ttf b/assets/fonts/Newsreader-Italic-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..dcb69f6 Binary files /dev/null and b/assets/fonts/Newsreader-Italic-VariableFont_opsz,wght.ttf differ diff --git a/assets/fonts/Newsreader-VariableFont_opsz,wght.ttf b/assets/fonts/Newsreader-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..ed1fe54 Binary files /dev/null and b/assets/fonts/Newsreader-VariableFont_opsz,wght.ttf differ diff --git a/assets/img/fenja-wordmark-black.svg b/assets/img/fenja-wordmark-black.svg new file mode 100644 index 0000000..a39a16b --- /dev/null +++ b/assets/img/fenja-wordmark-black.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/meme.jpg b/assets/img/meme.jpg new file mode 100644 index 0000000..4f4e7b0 Binary files /dev/null and b/assets/img/meme.jpg differ