Nexus ReGen
Design System
v0.1
00 · For agents

A text-only brand brief, machine-readable.

This page mirrors the canonical /llms.txt — a single Markdown document with the brand identity, voice rules, colour tokens and stable asset URLs. Hand it to an LLM, paste it into a system prompt, or fetch it directly from a tool. Following the llmstxt.org convention.

The file

CANONICAL
brand.nexusregen.com/llms.txt
Loading…
View raw ↗

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.

Recommended light / dark pairs

Use these first. All six have transparent backgrounds; choose blue for light surfaces and yellow for dark surfaces.
Logo · light backgrounds · SVG
https://brand.nexusregen.com/downloads/marks-svg/nr-lockup-navy.svg
Open ↗
Logo · dark backgrounds · SVG
https://brand.nexusregen.com/downloads/marks-svg/nr-lockup-yellow.svg
Open ↗
Emblem · light backgrounds · SVG
https://brand.nexusregen.com/downloads/marks-svg/emblem-navy.svg
Open ↗
Emblem · dark backgrounds · SVG
https://brand.nexusregen.com/downloads/marks-svg/emblem-yellow.svg
Open ↗
Icon · light backgrounds · SVG
https://brand.nexusregen.com/downloads/marks-svg/emblem-navy.svg
Open ↗
Icon · dark backgrounds · SVG
https://brand.nexusregen.com/downloads/marks-svg/emblem-yellow.svg
Open ↗

Primary logos

The everyday wordmark + emblem. Default to SVG.
Main logo (horizontal) · SVG
https://assets.nexusregen.com/nr/main/nr-logo-main.svg
Open ↗
Main logo (horizontal) · PNG
https://assets.nexusregen.com/nr/main/nr-logo-main.png
Open ↗
Main logo (horizontal) · JPG
https://assets.nexusregen.com/nr/main/nr-logo-main.jpg
Open ↗
Presentation logo · SVG
https://assets.nexusregen.com/nr/main/nr-logo-present.svg
Open ↗
Presentation logo · PNG
https://assets.nexusregen.com/nr/main/nr-logo-present.png
Open ↗
Presentation logo · JPG
https://assets.nexusregen.com/nr/main/nr-logo-present.jpg
Open ↗
Main emblem · SVG
https://assets.nexusregen.com/nr/main/nr-emblem-main.svg
Open ↗
Main emblem · PNG
https://assets.nexusregen.com/nr/main/nr-emblem-main.png
Open ↗
Main emblem · JPG
https://assets.nexusregen.com/nr/main/nr-emblem-main.jpg
Open ↗
Main icon · SVG
https://assets.nexusregen.com/nr/main/nr-icon-main.svg
Open ↗
Main icon · PNG
https://assets.nexusregen.com/nr/main/nr-icon-main.png
Open ↗
Main icon · JPG
https://assets.nexusregen.com/nr/main/nr-icon-main.jpg
Open ↗
Icon (with shadow) · SVG
https://assets.nexusregen.com/nr/main/nr-icon-shdw.svg
Open ↗
Icon (with shadow) · PNG
https://assets.nexusregen.com/nr/main/nr-icon-shdw.png
Open ↗
Icon (with shadow) · JPG
https://assets.nexusregen.com/nr/main/nr-icon-shdw.jpg
Open ↗

Horizontal logotype

Five colourways. Pick by background.
Black · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-black.svg
Open ↗
Black · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-black.png
Open ↗
Black · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-black.jpg
Open ↗
White · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-white.svg
Open ↗
White · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-white.png
Open ↗
White · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-white.jpg
Open ↗
Light · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-light.svg
Open ↗
Light · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-light.png
Open ↗
Light · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-light.jpg
Open ↗
Blue · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-blue.svg
Open ↗
Blue · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-blue.png
Open ↗
Blue · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-blue.jpg
Open ↗
Dual (blue + yellow) · SVG
https://assets.nexusregen.com/nr/logotype/nr-logotype-dual.svg
Open ↗
Dual (blue + yellow) · PNG
https://assets.nexusregen.com/nr/logotype/nr-logotype-dual.png
Open ↗
Dual (blue + yellow) · JPG
https://assets.nexusregen.com/nr/logotype/nr-logotype-dual.jpg
Open ↗

Stacked logotype (vertical)

Squarer aspect. For tile-shaped placements.
Black · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-black.svg
Open ↗
Black · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-black.png
Open ↗
Black · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-black.jpg
Open ↗
Blue · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-blue.svg
Open ↗
Blue · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-blue.png
Open ↗
Blue · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-blue.jpg
Open ↗
White · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-white.svg
Open ↗
White · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-white.png
Open ↗
White · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-white.jpg
Open ↗
Yellow & white · SVG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-yellowwhite.svg
Open ↗
Yellow & white · PNG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-yellowwhite.png
Open ↗
Yellow & white · JPG
https://assets.nexusregen.com/nr/stackedlogotype/nr-stackedlogotype-yellowwhite.jpg
Open ↗

Emblem variants

Mark-only ramp. For favicons, app icons, partner tiles.
Black · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-black.svg
Open ↗
Black · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-black.png
Open ↗
Black · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-black.jpg
Open ↗
Blue · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-blue.svg
Open ↗
Blue · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-blue.png
Open ↗
Blue · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-blue.jpg
Open ↗
White · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-white.svg
Open ↗
White · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-white.png
Open ↗
White · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-white.jpg
Open ↗
Yellow · SVG
https://assets.nexusregen.com/nr/emblem/nr-emblem-yellow.svg
Open ↗
Yellow · PNG
https://assets.nexusregen.com/nr/emblem/nr-emblem-yellow.png
Open ↗
Yellow · JPG
https://assets.nexusregen.com/nr/emblem/nr-emblem-yellow.jpg
Open ↗

Favicons & app icons

Pre-baked, 16/32/180/192/512 ready.
Favicon 1 · SVG
https://assets.nexusregen.com/nr/icon/favicon1.svg
Open ↗
Favicon 1 · PNG
https://assets.nexusregen.com/nr/icon/favicon1.png
Open ↗
Favicon 2 · SVG
https://assets.nexusregen.com/nr/icon/favicon2.svg
Open ↗
Favicon 2 · PNG
https://assets.nexusregen.com/nr/icon/favicon2.png
Open ↗
Favicon · filled · SVG
https://assets.nexusregen.com/nr/icon/favicon-filled.svg
Open ↗
Favicon · filled · PNG
https://assets.nexusregen.com/nr/icon/favicon-filled.png
Open ↗
Favicon · thick blue · SVG
https://assets.nexusregen.com/nr/icon/favicon-thick-blue.svg
Open ↗
Favicon · thick blue · PNG
https://assets.nexusregen.com/nr/icon/favicon-thick-blue.png
Open ↗
Favicon · thick light blue · SVG
https://assets.nexusregen.com/nr/icon/favicon-thick-lblue.svg
Open ↗
Favicon · thick light blue · PNG
https://assets.nexusregen.com/nr/icon/favicon-thick-lblue.png
Open ↗
Favicon · thick yellow · SVG
https://assets.nexusregen.com/nr/icon/favicon-thick-yellow.svg
Open ↗
Favicon · thick yellow · PNG
https://assets.nexusregen.com/nr/icon/favicon-thick-yellow.png
Open ↗
Icon · blue rounded · SVG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-rounded.svg
Open ↗
Icon · blue rounded · PNG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-rounded.png
Open ↗
Icon · blue square · SVG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-sq.svg
Open ↗
Icon · blue square · PNG
https://assets.nexusregen.com/nr/icon/nr-icon-blue-sq.png
Open ↗
Icon · square arrow (yellow on blue) · SVG
https://assets.nexusregen.com/nr/icon/nr-icon-sq-arrow-yellow_on_blue.svg
Open ↗
Icon · square arrow (yellow on blue) · PNG
https://assets.nexusregen.com/nr/icon/nr-icon-sq-arrow-yellow_on_blue.png
Open ↗

Backgrounds

Branded background fills. Use for hero sections, decks, social.
Background 1 · SVG
https://assets.nexusregen.com/nr/bg/nr-bg-1.svg
Open ↗
Background 1 · PNG
https://assets.nexusregen.com/nr/bg/nr-bg-1.png
Open ↗
Background 1 · JPG
https://assets.nexusregen.com/nr/bg/nr-bg-1.jpg
Open ↗

Legacy

Stable URL retained for backward compatibility.
Legacy logo · PNG
https://assets.nexusregen.com/logo.png
Open ↗
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)


    [![Powered by Nexus ReGen](https://img.shields.io/badge/Powered_by-Nexus_ReGen-121541?style=flat-square&labelColor=121541&color=F7EC33)](https://nexusregen.com)
  
03 · For agents

Design tokens — JSON export

Every colour, type face, radius, spacing step and shadow in the brand, exported as a single W3C Design Tokens JSON document. Generated from src/tokens/source.ts — the canonical source — on every build. Fetch it, parse it, map it into your design-tokens pipeline of choice.

The file

CANONICAL · W3C DESIGN TOKENS
brand.nexusregen.com/tokens.json
Loading…
View raw ↗ ↓ Download

Quick consumers

One-liners for the most common pipelines.
JS / TS
ts
const tokens = await fetch("https://brand.nexusregen.com/tokens.json").then(r => r.json());
Fetch and consume directly. The file is plain JSON, no auth required.
Style Dictionary
bash
curl -o tokens/nexus.json https://brand.nexusregen.com/tokens.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 tokens.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. tokens.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…
View raw ↗

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…
View raw ↗

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.

Research summary

How shadcn theming works in 2026.

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)), which means swapping a theme is a single CSS change — no rebuild of components.

In mid-2025 shadcn switched colour values from raw HSL triples to oklch() for perceptually-uniform light/dark interpolation. The full surface area is ~30 variables: background, foreground, card, popover, primary, secondary, muted, accent, destructive, border, input, ring, chart-1…5, sidebar (8 tokens) and radius. Themes can now be distributed as registry items — type: "registry:theme" with a cssVars block — and 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 — scrollable.
Loading…