Group identities | Rudbek Design System v2

Private EquitySample

PRIVATE EQUITYPortfolio intelligence

The keystone arch — built to hold weight.

Global EquitySample

GLOBAL EQUITYPortfolio intelligence

The meridian globe — every market on one sheet.

Active CreditSample

ACTIVE CREDITPortfolio intelligence

The maturity ladder — rungs, dates, discipline.

Real EstateSelected

R U D B E KPortfolio intelligence

The Astrogation Plate — selected identity, in production use on the command center.

Fixed IncomeSample

FIXED INCOMEPortfolio intelligence

The coupon rail — a steady schedule, marked.

Strategic InvestmentsSample

STRATEGIC INV.Portfolio intelligence

The compass — direction before distance.

The family, side by side

Private Equity

Global Equity

Active Credit

Real Estate

Fixed Income

Strategic Investments

Design tokens — the shared language

Every color, radius, and type choice on this page — and on every team project — comes from one stylesheet, app/tokens.css. These are the exact values; copy them, reference them, but never invent a new navy.

Brand

--brand-navy#003a70

--brand-gold#d4a24c

Ink & neutrals

--ink#26364b

--slate#5a6b80

--border#d6dee8

--panel#eaf2fb

--surface#f4f6fa

--white#ffffff

Status — positive

--positive-text#2e5009

--positive-fill#e6f0da

--positive-accent#3b7d23

--positive-border#c7dca9

Status — caution

--caution-text#7a4a0a

--caution-fill#fbf1dc

--caution-accent#b9791a

--caution-border#ead3a0

Status — negative

--negative-text#7a1f1f

--negative-fill#fbe3e3

--negative-accent#a83232

--negative-border#eebebe

Type & shape

--font-familyArial, Helvetica, sans-serif

--radius-control4px

--radius-card6px

--radius-pill999px

Components read role aliases, not raw hex

That indirection is what makes re-theming cheap: swap the tokens underneath and every component follows.

--text-body / --text-strong / --text-muted→ ink / brand-navy / slate

--bg-page / --bg-card / --bg-panel→ surface / white / panel

--line / --line-soft→ border / row-divider

--link / --link-hover→ brand-navy / brand-gold

Ten skins, one attribute — `data-skin`

default#003a70 / #d4a24c

garnet#782f40 / #ceb888

royal#0021a5 / #fa4616

forest#006747 / #cfc493

ember#03244d / #dd550c

rust#bf5700 / #ffffff

sky#13294b / #7bafd4

torch#232d4b / #e57200

dark#1b3d5c / #d4a24c

blueprint#0a2f52 / #c4663f

Implement it on your project — three steps

/* 1. Import the token sheet */
@import "tokens.css";

/* 2. Style with role aliases — never raw hex */
.card {
  background: var(--bg-card);
  color: var(--text-body);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
}

<!-- 3. Re-theme any section with one attribute -->
<div data-skin="blueprint"> …your team's content… </div>

No rebuild, no fork, no new palette to govern. If the working group updates a token, every team’s project picks it up on the next deploy.

The full spec sheet — v1.0 source of truth

The original Real Estate Design System document, derived from the FY 2026–2027 Real Estate Work Plan. Every token above traces back to this sheet. Open it full-page ↗