[teamai] Push 87 resource(s) from XingfenD
This commit is contained in:
@@ -0,0 +1,68 @@
|
||||
/* ─────────────────────────────────────────────────────────────────────
|
||||
* Theme · forest-ink
|
||||
* Deep-forest-green ink on ivory cream. Like indigo-porcelain, the
|
||||
* move is that the ink itself is green — text / headings / hero
|
||||
* numbers all render in deep forest, never pure black. Source Serif
|
||||
* body + Playfair Display display = vintage National Geographic
|
||||
* spread. The accent is a slightly brighter green (used sparingly
|
||||
* for kpi / link emphasis).
|
||||
*
|
||||
* character knobs:
|
||||
* • hero numbers — italic Playfair Display, weight 500
|
||||
* • rule — 1px solid faint warm hairline
|
||||
* • card — refined small radius
|
||||
* • surface — very subtle paper grain (warm, multiply)
|
||||
* • motion — slow + cinematic (documentary pace)
|
||||
* ───────────────────────────────────────────────────────────────────── */
|
||||
:root {
|
||||
/* ─── palette ─── */
|
||||
--shell: #ece7da;
|
||||
--surface: #f5f1e8;
|
||||
--surface-2: #faf7ee;
|
||||
--surface-3: #ebe7d8;
|
||||
--text: #1a2e1f; /* SIGNATURE — forest green IS the ink */
|
||||
--text-2: #253d2c;
|
||||
--text-mute: #5c6a5e;
|
||||
--text-faint: #909a92;
|
||||
--rule: #c8c0a8;
|
||||
--accent: #4d7a4d; /* slightly brighter forest for emphasis */
|
||||
--accent-soft: rgba(77, 122, 77, 0.10);
|
||||
--accent-glow: rgba(77, 122, 77, 0.32);
|
||||
|
||||
/* ─── fonts ─── */
|
||||
--font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
|
||||
--font-display-en: "Playfair Display", "GT Sectra", "Bodoni 72", "Times New Roman", serif;
|
||||
--font-body: "Source Serif 4", "Source Serif Pro", "Noto Serif SC", "Times New Roman", serif;
|
||||
--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
|
||||
--font-features: "ss01", "tnum", "lnum";
|
||||
|
||||
/* ─── motion: slow documentary pace ─── */
|
||||
--dur-base: 720ms;
|
||||
--dur-slow: 1150ms;
|
||||
--dur-cinematic: 1650ms;
|
||||
|
||||
/* ─── design identity: vintage editorial ─── */
|
||||
--r-card: var(--r-sm);
|
||||
--r-stage: 0;
|
||||
--rule-w: 1px;
|
||||
--rule-style: solid;
|
||||
--hero-num-font: var(--font-display-en);
|
||||
--hero-num-style: italic;
|
||||
--hero-num-weight: 500;
|
||||
--hero-num-track: -0.035em;
|
||||
--stage-pad-x: 130px;
|
||||
--stage-pad-y: 92px;
|
||||
--card-shadow:
|
||||
0 1px 0 var(--rule),
|
||||
0 20px 48px rgba(26, 46, 31, 0.10);
|
||||
--shadow-stage:
|
||||
0 60px 160px rgba(26, 46, 31, 0.28),
|
||||
0 0 0 1px rgba(0, 0, 0, 0.04);
|
||||
|
||||
/* ─── decoration: faint warm paper grain (National Geographic feel) ─── */
|
||||
--surface-pattern:
|
||||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.80' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.50 0 0 0 0 0.35 0 0 0 0.12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
|
||||
--surface-pattern-size: 320px 320px;
|
||||
--surface-pattern-blend: multiply;
|
||||
--surface-pattern-opacity: 0.55;
|
||||
}
|
||||
Reference in New Issue
Block a user