Asset Index
Complete listing of brand assets and design tokens. All paths are relative to https://design.uvrs.xyz. A machine-readable JSON manifest is embedded in this page's <script id="asset-manifest"> tag.
Logo assets
| Name / path | Format | Use | ||
|---|---|---|---|---|
 |
Logo icon/brand/logo-icon.png | PNG | Navbar, footer — light backgrounds | Download |
 |
Logo icon (transparent)/brand/logo-icon-trp.png | PNG | Dark or coloured surfaces | Download |
N/A |
Logo wordmark Missinglogo-wordmark.svg + .png | SVG+PNG | Marketing, print, OG base | Not yet available |
Favicon set
| Name / path | Dimensions | Use | ||
|---|---|---|---|---|
| favicon.ico/brand/favicon.ico | 16 + 32 | Legacy browsers, Windows | Download | |
 |
favicon.png/brand/favicon.png | — | Default browser tab icon | Download |
 |
favicon-32×32.png/brand/favicon-32x32.png | 32×32 | High-DPI browser tab | Download |
 |
favicon-192×192.png/brand/favicon-192x192.png | 192×192 | Android homescreen, PWA | Download |
 |
favicon-512×512.png/brand/favicon-512x512.png | 512×512 | PWA splash, app store | Download |
 |
apple-touch-icon.png/brand/apple-touch-icon.png | 180×180 | iOS homescreen | Download |
N/A |
favicon.svg Missingfavicon.svg | SVG | Modern browsers, dark-mode adaptive | Not yet available |
Open Graph / Social
| Name / path | Dimensions | Use | ||
|---|---|---|---|---|
 |
og-image.png/brand/og-image.png | 1200×630 | Twitter/X, LinkedIn, WhatsApp preview | Download |
TXT |
site.webmanifest/brand/site.webmanifest | JSON | PWA manifest — references 192 + 512px icons | Download |
JSON Manifest
The full manifest is also embedded in this page's <script id="asset-manifest" type="application/json"> tag. AI agents can fetch this page and extract that node directly. A direct URL to just the JSON will be available once a static /assets.json endpoint is added.
{
"schema": "uverus-asset-index/1.0",
"base_url": "https://design.uvrs.xyz",
"brand": {
"color_primary": "#FF3333",
"font_sans": "Geist",
"font_display": "Instrument Serif",
"font_mono": "Geist Mono"
},
"assets": [
{ "id": "logo-icon", "path": "/brand/logo-icon.png" },
{ "id": "logo-icon-trp", "path": "/brand/logo-icon-trp.png" },
{ "id": "favicon-ico", "path": "/brand/favicon.ico" },
{ "id": "favicon-png", "path": "/brand/favicon.png" },
{ "id": "favicon-32", "path": "/brand/favicon-32x32.png" },
{ "id": "favicon-192", "path": "/brand/favicon-192x192.png" },
{ "id": "favicon-512", "path": "/brand/favicon-512x512.png" },
{ "id": "apple-touch-icon", "path": "/brand/apple-touch-icon.png" },
{ "id": "og-image", "path": "/brand/og-image.png" },
{ "id": "webmanifest", "path": "/brand/site.webmanifest" }
]
}
CSS Design Tokens — canonical :root block
Copy this block verbatim into any product stylesheet. Override --brand per product.
:root {
/* ── Colours ── */
--ink: #111110; /* primary text, dark UI surfaces */
--ink-2: #2B2A26; /* secondary text, hover states */
--muted: #7C796F; /* de-emphasised text, icons */
--line: #E5E2DA; /* borders, dividers */
--stone: #D7D1C2; /* stronger borders */
--bone: #FAFAF7; /* page background */
--bone-2: #F2F1ED; /* subtle surface */
--paper: #FFFFFF; /* card / form background */
--green: #3C7D63; /* success */
--brand: #FF3333; /* accent — override per product */
/* ── Typography ── */
--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-display: "Instrument Serif", Georgia, serif;
--font-mono: "Geist Mono", ui-monospace, "Cascadia Code", monospace;
/* ── Type scale ── */
--text-hero: clamp(40px, 6vw, 72px);
--text-h1: clamp(32px, 4.5vw, 60px);
--text-h2: clamp(24px, 3vw, 40px);
--text-h3: clamp(20px, 2.5vw, 28px);
--text-lead: clamp(16px, 1.5vw, 18px);
--text-body: 15px;
--text-sm: 14px;
--text-xs: 13px;
/* ── Radii ── */
--r-sm: 6px;
--r-md: 8px;
--r-lg: 12px;
--r-xl: 16px;
--r-2xl: 24px;
--r-pill: 999px;
/* ── Layout ── */
--max-w: 1240px;
--px: 40px;
/* ── Shadows ── */
--shadow-sm: 0 1px 2px rgba(17,17,16,0.06);
--shadow-md: 0 1px 0 rgba(17,17,16,0.04), 0 8px 24px -8px rgba(17,17,16,0.12);
--shadow-lg: 0 1px 0 rgba(17,17,16,0.04), 0 18px 40px -18px rgba(17,17,16,0.18);
}
Typography — Google Fonts import
Paste the three <link> tags into <head> before the stylesheet link. All three families — Geist, Instrument Serif, and Geist Mono — are loaded in a single request.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
| Variable | Family | Weights | Role |
|---|---|---|---|
| --font-sans | Geist | 300 400 500 600 700 | UI text, body copy, navigation |
| --font-display | Instrument Serif | 400 · italic | Hero headlines, display type, brand moments |
| --font-mono | Geist Mono | 400 500 | Labels, eyebrows, code, badges |
Colour tokens
--brand#FF3333
--ink#111110
--ink-2#2B2A26
--muted#7C796F
--line#E5E2DA
--stone#D7D1C2
--bone#FAFAF7
--bone-2#F2F1ED
--paper#FFFFFF
--green#3C7D63
Per-product brand overrides
Each product overrides --brand (and sometimes adds product-specific tokens) while inheriting all other canonical tokens.
| Product | --brand override | Additional tokens | Domain |
|---|---|---|---|
| Uverus (corporate) | #FF3333 | None | uverus.com |
| Uverus Pay | #FF3333 | --mint: #AAFCD4 · --mint-deep: #1A7A4A |
uveruspay.com |
| Uverus Payments | #FF3333 | None | uveruspayments.com |
| Uverus Banking | #FF3333 | None | uverusbanking.com |
| Uverus Health | #D94040 (deeper crimson) | --brand-2: #B53333 |
uverushealth.com |