00 · For agents
The whole brand, in one file.
Brand identity, voice rules, colour tokens and stable asset URLs — one Markdown file at /llms.txt, following the llmstxt.org convention. Hand it to an LLM, paste it into a system prompt, or fetch it from a tool.
The file
CANONICAL
brand.nexusregen.com/llms.txt
Loading…
Source
Same content as the file above.
Loading…
01 · For agents
Stable asset URLs
Public URLs for every brand asset. Reference these directly from product code, READMEs, third-party sites — anywhere the brand mark appears outside this microsite.
Hosting
Asset CDN
assets.nexusregen.com
Public R2 bucket (
public-assets) fronted by Cloudflare.
The canonical home for logos, favicons and the rest. Use these URLs from product code.
Brand site
brand.nexusregen.com
This microsite. Hosts the design-system docs and a generated
/downloads/…
tree mirroring the bucket. Use for browsing.
Primary logos
The everyday wordmark + emblem. Default to SVG.
Main logo (horizontal) · SVG
https://assets.nexusregen.com/nr/main/nr-logo-main.svg Main logo (horizontal) · PNG
https://assets.nexusregen.com/nr/main/nr-logo-main.png Main logo (horizontal) · JPG
https://assets.nexusregen.com/nr/main/nr-logo-main.jpg Presentation logo · SVG
https://assets.nexusregen.com/nr/main/nr-logo-present.svg Presentation logo · PNG
https://assets.nexusregen.com/nr/main/nr-logo-present.png Presentation logo · JPG
https://assets.nexusregen.com/nr/main/nr-logo-present.jpg Main emblem · SVG
https://assets.nexusregen.com/nr/main/nr-emblem-main.svg Main emblem · PNG
https://assets.nexusregen.com/nr/main/nr-emblem-main.png Main emblem · JPG
https://assets.nexusregen.com/nr/main/nr-emblem-main.jpg Main icon · SVG
https://assets.nexusregen.com/nr/main/nr-icon-main.svg Main icon · PNG
https://assets.nexusregen.com/nr/main/nr-icon-main.png Main icon · JPG
https://assets.nexusregen.com/nr/main/nr-icon-main.jpg Icon (with shadow) · SVG
https://assets.nexusregen.com/nr/main/nr-icon-shdw.svg Icon (with shadow) · PNG
https://assets.nexusregen.com/nr/main/nr-icon-shdw.png Icon (with shadow) · JPG
https://assets.nexusregen.com/nr/main/nr-icon-shdw.jpg Horizontal logotype
Five colourways. Pick by background.
Black · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-black.svg Black · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-black.png Black · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-black.jpg White · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-white.svg White · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-white.png White · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-white.jpg Light · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-light.svg Light · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-light.png Light · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-light.jpg Blue · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-blue.svg Blue · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-blue.png Blue · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-blue.jpg Dual (blue + yellow) · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-dual.svg Dual (blue + yellow) · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-dual.png Dual (blue + yellow) · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-dual.jpg Stacked logotype (vertical)
Squarer aspect. For tile-shaped placements.
Black · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-black.svg Black · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-black.png Black · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-black.jpg Blue · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-blue.svg Blue · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-blue.png Blue · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-blue.jpg White · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-white.svg White · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-white.png White · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-white.jpg Yellow & white · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-yellowwhite.svg Yellow & white · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-yellowwhite.png Yellow & white · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-yellowwhite.jpg Emblem variants
Mark-only ramp. For favicons, app icons, partner tiles.
Black · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-black.svg Black · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-black.png Black · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-black.jpg Blue · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-blue.svg Blue · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-blue.png Blue · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-blue.jpg White · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-white.svg White · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-white.png White · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-white.jpg Yellow · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-yellow.svg Yellow · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-yellow.png Yellow · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-yellow.jpg Favicons & app icons
Pre-baked, 16/32/180/192/512 ready.
Favicon 1 · SVG
https://assets.nexusregen.com/nr/icon/favicon1.svg Favicon 1 · PNG
https://assets.nexusregen.com/nr/icon/favicon1.png Favicon 2 · SVG
https://assets.nexusregen.com/nr/icon/favicon2.svg Favicon 2 · PNG
https://assets.nexusregen.com/nr/icon/favicon2.png Favicon · filled · SVG
https://assets.nexusregen.com/nr/icon/favicon-filled.svg Favicon · filled · PNG
https://assets.nexusregen.com/nr/icon/favicon-filled.png Favicon · thick blue · SVG
https://assets.nexusregen.com/nr/icon/favicon-thick-blue.svg Favicon · thick blue · PNG
https://assets.nexusregen.com/nr/icon/favicon-thick-blue.png Favicon · thick light blue · SVG
https://assets.nexusregen.com/nr/icon/favicon-thick-lblue.svg Favicon · thick light blue · PNG
https://assets.nexusregen.com/nr/icon/favicon-thick-lblue.png Favicon · thick yellow · SVG
https://assets.nexusregen.com/nr/icon/favicon-thick-yellow.svg Favicon · thick yellow · PNG
https://assets.nexusregen.com/nr/icon/favicon-thick-yellow.png Icon · blue rounded · SVG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-rounded.svg Icon · blue rounded · PNG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-rounded.png Icon · blue square · SVG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-sq.svg Icon · blue square · PNG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-sq.png Icon · square arrow (yellow on blue) · SVG
https://assets.nexusregen.com/nr/icon/nr-icon-sq-arrow-yellow_on_blue.svg Icon · square arrow (yellow on blue) · PNG
https://assets.nexusregen.com/nr/icon/nr-icon-sq-arrow-yellow_on_blue.png Backgrounds
Branded background fills. Use for hero sections, decks, social.
Legacy
Stable URL retained for backward compatibility.
Legacy logo · PNG
https://assets.nexusregen.com/logo.png 02 · For agents
Recipes
Common patterns for using the brand reference from agents, tools and code.
System prompt
You are working with the Nexus ReGen brand. The canonical brand reference is at https://brand.nexusregen.com/llms.txt — fetch and follow it. Tagline: "Materially smarter construction." Always use Penn Blue (#121541) and Aureolin (#F7EC33) as the primary palette. Never put yellow on light grey backgrounds; use navy instead.
curl
curl -s https://brand.nexusregen.com/llms.txt
fetch (TypeScript)
const brandSpec = await fetch("https://brand.nexusregen.com/llms.txt").then(r => r.text());
README badge (markdown)
[](https://nexusregen.com)
03 · For agents
Design tokens — JSON export
Every colour, typeface, radius, spacing step and shadow, exported as one W3C Design Tokens JSON document. Fetch it, parse it, and map it into your token pipeline.
The file
CANONICAL · W3C DESIGN TOKENS
brand.nexusregen.com/brand.json
Loading…
Quick consumers
One-liners for the most common pipelines.
JS / TS
ts
const tokens = await fetch("https://brand.nexusregen.com/brand.json").then(r => r.json()); Fetch and consume directly. The file is plain JSON, no auth required.
Style Dictionary
bash
curl -o tokens/brand.json https://brand.nexusregen.com/brand.json
Drop into your tokens/ source folder and reference from style-dictionary.config.js. The W3C $value / $type shape is supported natively.
Tailwind v4
css
/* Skip brand.json entirely — pull the v4 @theme block directly */
@import "tailwindcss";
@import url("https://brand.nexusregen.com/tailwind-theme.css"); Tailwind v4 consumes the @theme block at /tailwind-theme.css. brand.json is for non-Tailwind pipelines.
Source
Same content as the file above.
Loading…
04 · For agents
Tailwind v4 theme & CSS vars
Two drop-in artefacts so any Nexus product picks up the brand correctly without re-keying tokens. Pick the Tailwind v4 @theme block for utility-class projects, or the raw :root CSS file for everything else.
The Tailwind v4 theme
One @import, no config file. Tailwind v4 reads tokens from CSS.
TAILWIND v4 · @THEME
brand.nexusregen.com/tailwind-theme.css
Colours · fonts · radii · shadows · Loading…
The CSS variables file
For projects that want tokens without Tailwind.
CSS CUSTOM PROPERTIES
brand.nexusregen.com/nexus-brand.css
--brand-* · --accent-* · --neutral-* · --r-* · --s-* · --shadow-* · Loading…
Install
Three steps to brand-correct utility classes.
1
Save the theme into your project
# from your repo root
curl -o src/styles/nexus-theme.css https://brand.nexusregen.com/tailwind-theme.css
2
Import it alongside Tailwind v4
/* src/styles/global.css */
@import "tailwindcss";
@import "./nexus-theme.css";
3
Use the brand classes
<button class="bg-brand-600 text-white shadow-md rounded-xl px-4 py-2 font-sans">
Materially smarter.
</button>
<span class="text-accent-400">Aureolin highlight</span>
What's in it
Token categories shipped by the theme.
Colours
- 3 ramps — brand (12), accent (11), neutral (12)
- 4 supporting tones — dodger, signal, pine, humus
- 3 semantic tones — success, warning, error
Typography
- font-sans → Inter (UI, body)
- font-mono → JetBrains Mono (code, captions)
Radii
- 7 steps — xs (2px) → 3xl (24px)
- rounded-full → 9999px (Tailwind default, untouched)
Shadows
- 7 steps — xs → 3xl, neutral-tinted Untitled-UI elevation
- shadow-2xl for hero cards, shadow-xs for inputs
05 · For agents
shadcn/ui theme
Apply the Nexus ReGen palette to any shadcn-based project in one command. Light + dark CSS variables, mapped intentionally to the brand tokens — Penn Blue primary, Aureolin accent, neutrals from the Untitled UI ramp.
How shadcn theming works
shadcn/ui ships components by copy-paste, not by package; the theme is just CSS variables on
:root
and
.dark
in your app/globals.css. Components consume them through Tailwind via an
@theme inline
block (e.g. --color-primary: var(--primary)), so swapping a theme is a single CSS change — no rebuild of components.
Colours are
oklch()
for perceptually-uniform light/dark interpolation, across ~30 variables: background, foreground, card, popover, primary, secondary, muted, accent, destructive, border, input, ring, chart-1…5, sidebar (8 tokens) and radius. Themes distribute as registry items —
type: "registry:theme"
with a cssVars block — installed via
npx shadcn add <url>. That's the path we ship below.
The theme
CANONICAL · REGISTRY:THEME
brand.nexusregen.com/shadcn/theme.css
Loading…
Install
Two paths — pick the one that matches your stack.
RECOMMENDED
Registry — one command
The shadcn CLI pulls our registry.json, merges the CSS variables into your existing globals.css, and you're done. Works on any shadcn project (Next.js, Remix, Vite, Astro).
# One command — adds Nexus ReGen brand variables to your shadcn project
npx shadcn@latest add https://brand.nexusregen.com/shadcn/registry.json
# That's it. Light + dark CSS variables are written into
# app/globals.css; toggle .dark on <html> to switch.
FALLBACK
Manual — paste theme.css
For projects that don't use the shadcn CLI, or when you want to vendor the theme. Paste the file into your app/globals.css — or import it remotely as below.
/* app/globals.css — replace your :root and .dark blocks
with the ones from https://brand.nexusregen.com/shadcn/theme.css.
Or, simpler, paste the whole file in. */
@import "tailwindcss";
@import "tw-animate-css";
@import url("https://brand.nexusregen.com/shadcn/theme.css");
/* …rest of your @theme inline { … } block stays as shadcn shipped it. */
Mappings
How shadcn variables map to Nexus brand tokens. Click any cell to copy.
Variable
Light
Dark
Surfaces
Cards lift one step out of the canvas — paper on white, brand-900 on brand-950.
Brand
Penn Blue is the primary on light. On dark we step up to brand-200 so the button reads as a confident lighter shape.
Inverts with --primary so contrast stays AA in both modes.
Pure aureolin fails contrast on light surfaces, so the accent surface uses the soft accent-50 wash. Real aureolin returns on dark, where the navy canvas provides the contrast it needs.
Aureolin focus ring keeps accessibility high-visibility AND on-brand, distinct from the destructive red.
Status
Single value across modes — the brand's designated alert red.
Low-emphasis
Sits AA on the muted surface — verified manually, not just stepped.
Borders / inputs
Charts
Brand series is always the headline; lifted on dark.
Sidebar (app shell)
Canonical Nexus chrome — navy chrome with paper text. Use as-is for product navigation.
Active nav item glows aureolin — matches the marketing site.
Radius
Matches `--r-lg` — the default Card / Button / Input radius across the design system.
Source
Same content as theme.css.
Loading…