Jonathan Hvid
adce7b0d6d
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>
90 lines
2.7 KiB
CSS
90 lines
2.7 KiB
CSS
/* =============================================================
|
|
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);
|
|
}
|