diff --git a/.gitignore b/.gitignore index 0bf17c7..ab946a3 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,8 @@ dist/ .env.local .env.*.local .claude/ + +# Sei brand fonts (commercial typefaces — Lateral, Items Text, ABC Repro Mono). +# Never commit the binaries to this public repo. style.css loads them at runtime +# from https://dashboard.sei.io/fonts/ via @font-face rules. +/fonts/ diff --git a/Sei-Brand-Assets.zip b/Sei-Brand-Assets.zip deleted file mode 100644 index 23bfdd8..0000000 Binary files a/Sei-Brand-Assets.zip and /dev/null differ diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png index 55a9fa2..281f58a 100644 Binary files a/android-chrome-192x192.png and b/android-chrome-192x192.png differ diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png index 8adb773..14b10f7 100644 Binary files a/android-chrome-512x512.png and b/android-chrome-512x512.png differ diff --git a/apple-touch-icon.png b/apple-touch-icon.png index b3bf42f..43233cc 100644 Binary files a/apple-touch-icon.png and b/apple-touch-icon.png differ diff --git a/docs.json b/docs.json index 6d97b6a..dc39adf 100644 --- a/docs.json +++ b/docs.json @@ -27,7 +27,9 @@ "href": "/" }, "fonts": { - "family": "Inter" + "family": "Lateral Variable", + "source": "https://dashboard.sei.io/fonts/Lateral-StandardRegular.woff2", + "format": "woff2" }, "styling": { "eyebrows": "breadcrumbs", diff --git a/favicon-16x16.png b/favicon-16x16.png index 9c143d8..2950a1f 100644 Binary files a/favicon-16x16.png and b/favicon-16x16.png differ diff --git a/favicon-32x32.png b/favicon-32x32.png index a387ff8..bb6acb7 100644 Binary files a/favicon-32x32.png and b/favicon-32x32.png differ diff --git a/favicon.ico b/favicon.ico index 798c187..c62c8db 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/favicon.svg b/favicon.svg index 6b89d0a..5c9d715 100644 --- a/favicon.svg +++ b/favicon.svg @@ -1,3 +1 @@ - - - +Sei mark diff --git a/favicons/android-chrome-192x192.png b/favicons/android-chrome-192x192.png new file mode 100644 index 0000000..281f58a Binary files /dev/null and b/favicons/android-chrome-192x192.png differ diff --git a/favicons/android-chrome-512x512.png b/favicons/android-chrome-512x512.png new file mode 100644 index 0000000..14b10f7 Binary files /dev/null and b/favicons/android-chrome-512x512.png differ diff --git a/favicons/apple-touch-icon.png b/favicons/apple-touch-icon.png new file mode 100644 index 0000000..43233cc Binary files /dev/null and b/favicons/apple-touch-icon.png differ diff --git a/favicons/favicon-16x16.png b/favicons/favicon-16x16.png new file mode 100644 index 0000000..2950a1f Binary files /dev/null and b/favicons/favicon-16x16.png differ diff --git a/favicons/favicon-32x32.png b/favicons/favicon-32x32.png new file mode 100644 index 0000000..bb6acb7 Binary files /dev/null and b/favicons/favicon-32x32.png differ diff --git a/favicons/favicon.ico b/favicons/favicon.ico new file mode 100644 index 0000000..c62c8db Binary files /dev/null and b/favicons/favicon.ico differ diff --git a/favicons/favicon.svg b/favicons/favicon.svg new file mode 100644 index 0000000..5c9d715 --- /dev/null +++ b/favicons/favicon.svg @@ -0,0 +1 @@ +Sei mark diff --git a/favicons/icon.png b/favicons/icon.png new file mode 100644 index 0000000..43233cc Binary files /dev/null and b/favicons/icon.png differ diff --git a/icon.png b/icon.png index b3bf42f..43233cc 100644 Binary files a/icon.png and b/icon.png differ diff --git a/logo/dark.svg b/logo/dark.svg index 67bc76f..d1b122c 100644 --- a/logo/dark.svg +++ b/logo/dark.svg @@ -1,6 +1,7 @@ - - - - - + + + + + + diff --git a/logo/light.svg b/logo/light.svg index d3721dc..12b82e7 100644 --- a/logo/light.svg +++ b/logo/light.svg @@ -1,6 +1,7 @@ - - - - - + + + + + + diff --git a/style.css b/style.css index 5400884..6e770d1 100644 --- a/style.css +++ b/style.css @@ -1,9 +1,102 @@ /* ========================================================================== Sei Docs — custom stylesheet Ports the Sei design language (Figma-aligned) onto Mintlify's component set + Fonts + palette aligned with sei-brand and the production sei.io site. ========================================================================== */ -@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap"); +/* -------------------------------------------------------------------------- + Brand fonts — loaded from dashboard.sei.io CDN + The Sei brand fonts (Lateral, Items Text, ABC Repro Mono) are commercial + typefaces. We deliberately do NOT redistribute the .woff/.woff2 files from + this public repo — they live on a licensed Sei property (dashboard.sei.io) + that serves them with `Access-Control-Allow-Origin: *` so any Sei-owned + surface (including this docs site) can load them at runtime. + -------------------------------------------------------------------------- */ + +/* Lateral Variable — sans (Light / Regular / Medium) */ +@font-face { + font-family: "Lateral Variable"; + src: + url("https://dashboard.sei.io/fonts/Lateral-StandardLight.woff2") format("woff2"), + url("https://dashboard.sei.io/fonts/Lateral-StandardLight.woff") format("woff"); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Lateral Variable"; + src: + url("https://dashboard.sei.io/fonts/Lateral-StandardRegular.woff2") format("woff2"), + url("https://dashboard.sei.io/fonts/Lateral-StandardRegular.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Lateral Variable"; + src: url("https://dashboard.sei.io/fonts/Lateral-StandardMedium.woff2") format("woff2"); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +/* Lateral Condensed Bold — display heading weight (bold maps to condensed) */ +@font-face { + font-family: "Lateral Variable"; + src: + url("https://dashboard.sei.io/fonts/Lateral-CondensedBold.woff2") format("woff2"), + url("https://dashboard.sei.io/fonts/Lateral-CondensedBold.woff") format("woff"); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +/* Lateral Condensed — explicit display family (medium + bold) */ +@font-face { + font-family: "Lateral Condensed"; + src: url("https://dashboard.sei.io/fonts/Lateral-CondensedMedium.woff2") format("woff2"); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Lateral Condensed"; + src: + url("https://dashboard.sei.io/fonts/Lateral-CondensedBold.woff2") format("woff2"), + url("https://dashboard.sei.io/fonts/Lateral-CondensedBold.woff") format("woff"); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +/* Items Text — body/serif */ +@font-face { + font-family: "Items Text"; + src: + url("https://dashboard.sei.io/fonts/ItemsText-Book.woff2") format("woff2"), + url("https://dashboard.sei.io/fonts/ItemsText-Book.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +/* ABC Repro Mono — monospace + UI labels. + Note: only the Regular (400) face is hosted on dashboard.sei.io. Do NOT use + `font-weight: 500` (or higher) with `var(--sei-font-mono)` — the browser + will synthesize a faux bold from the regular glyphs, which looks blurry. + Rely on uppercase + letter-spacing for label emphasis instead. */ +@font-face { + font-family: "ABC Repro Mono"; + src: + url("https://dashboard.sei.io/fonts/ABCReproMono-Regular.woff2") format("woff2"), + url("https://dashboard.sei.io/fonts/ABCReproMono-Regular.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; +} /* -------------------------------------------------------------------------- Design tokens @@ -41,11 +134,17 @@ --sei-live: #38df00; --sei-error: #fa0c00; - /* Fonts */ - --sei-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, + /* Fonts — match sei-website / sei-brand */ + --sei-font-body: + "Lateral Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, sans-serif; + --sei-font-display: + "Lateral Condensed", "Lateral Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; - --sei-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, Consolas, - monospace; + --sei-font-serif: "Items Text", Georgia, "Times New Roman", serif; + --sei-font-mono: + "ABC Repro Mono", "SF Mono", Monaco, "Cascadia Mono", "Roboto Mono", Menlo, + Courier, monospace; /* Radii (sharp Sei aesthetic) */ --sei-radius-sm: 2px; @@ -89,7 +188,9 @@ samp, font-family: var(--sei-font-mono) !important; } -/* Headings — tight letter-spacing, bold */ +/* Headings — Lateral display, tight letter-spacing. + `font-weight: 700` resolves to Lateral Condensed Bold via the @font-face + mapping above (matching the sei.io marketing site convention). */ h1, h2, h3, @@ -103,13 +204,21 @@ h6, .prose h5, .prose h6 { font-family: var(--sei-font-body); - letter-spacing: -0.02em; + letter-spacing: -0.015em; font-weight: 700; } h1, .prose h1 { - letter-spacing: -0.025em; + font-family: var(--sei-font-display); + letter-spacing: -0.02em; + font-weight: 700; +} + +h2, +.prose h2 { + font-family: var(--sei-font-display); + letter-spacing: -0.015em; font-weight: 700; } @@ -124,7 +233,7 @@ h1, font-size: 10px; letter-spacing: 0.04em; color: var(--sei-gold-100); - font-weight: 500; + font-weight: 400; } .dark .sei-eyebrow, @@ -363,7 +472,7 @@ table thead th { text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 0.04em !important; - font-weight: 500 !important; + font-weight: 400 !important; color: var(--sei-grey-200) !important; padding-top: 10px !important; padding-bottom: 10px !important; @@ -729,7 +838,7 @@ footer.advanced-footer > div[class*="max-w-[984px]"] { font-size: 10px !important; letter-spacing: 0.08em !important; color: var(--sei-gold-100) !important; - font-weight: 500 !important; + font-weight: 400 !important; margin-top: 10px !important; margin-bottom: 2px !important; padding-top: 0 !important;