UMS / Brand System / 2026.05 Live reference

We renew. We audit. We defend. Operators.

A 25-year operator firm presented with the visual sharpness of 2026's most impactful brands. The tokens, primitives, and compositions on this page are the design source-of-truth for every UMS surface.

Tokens Primitives Evidence

Audit every license Est. 2000 Verified NYC

/ 01 $1.3B+ Verified savings, 25 years Aggregate / 2000–2026

/ 02 78–94% Audit demand reduced Publisher claims

/ 03 2,400+ Client relationships Active + historical

/ 04 25+ Years operating Est. 2000

Palette / 02

Warm canvas. Precise signal.

Bone holds 60–70% of every interface. Ink and graphite hold 20–30% as specific dark moments - never the default register. Signal green is reserved for designed UI states and small accents on real numbers; never composited as scan lines or LED glow.

/ 01

Bone #F6F2E8 Default page canvas

/ 02

Bone Soft #F1ECDF Sub-tile / muted strip

/ 03

Paper #FFFFFF Cards, editorial pages

/ 04

Gridline #D8D4C8 Hairlines, dividers

/ 05

Steel #6D737C Mono labels, secondary copy

/ 06

Steel Deep #4E5258 Body lede

/ 07

Ink #0A0A0A Headlines, primary buttons

/ 08

Graphite #181818 Dark panels, navigation

/ 09

Black Field #050505 Logo lockups, dark proof

/ 10

Signal #18B76A Active state, savings

/ 11

Data Blue #35A7FF Diagnostic overlays

/ 12

Alert Amber #FFB000 Rare warning state

Foundations / 03

The scales beneath the surface.

Every spacing decision, every corner, every transition resolves to one of these tokens. Defined once in global.css; referenced everywhere. Override only at the boundary of a real new register - never to make a one-off pixel land.

Spacing scale Linear · 8 → 256px --space-*

--space-xs 8px Inline gaps · pill padding
--space-sm 16px Card internal gaps · row spacing
--space-md 32px Container padding · between elements
--space-lg 72px Within-section blocks
--space-xl 140px Hero stack
--space-section 128px Between sections (default)

Border radius 2 → 24px · pill for status --radius-*

--radius-xs 2px Token chips, fine UI marks
--radius-sm 4px Inline marks
--radius-md 6px Buttons, technical cards
--radius-lg 10px Larger cards
--radius-xl 16px Media frames
--radius-2xl 24px Large image / hero frames
--radius-pill ∞ Status pills, dots

Elevation Hairline-first · low ambient --shadow-*

--shadow-xs Subtle lift
--shadow-sm Hairline + lift
--shadow-md Card hover
--shadow-lg Elevated panels
--shadow-card Default card outline
--shadow-signal Active module only

Motion Restraint over flair --transition-*

--transition-fast 150ms Hover, focus, color change
--transition-normal 250ms Card lift, button state
--transition-slow 400ms Section reveal, modal
--transition-bounce 500ms Reserved · rare

Layout Breakpoints + container max --container-max

size="narrow" 720px Long-form reading · article body
size="text" 880px Wider article body · centered prose
size="default" 1320px Editorial publication · brand-guide
size="wide" 1440px Hero · cover · dashboard surfaces

Typography / 04

Three stacks. One voice.

Syne for display. Inter for body. JetBrains Mono for technical labels - kickers, metadata strips, REDACTED tags, mono captions. Mono is the device that gives marketing copy structural authority.

Display moment Syne · 700 · 8–12vw --text-moment

Audit.

Hero headline Syne · 700 · 5.6–8vw --text-hero

Walk into your Microsoft EA renewal with data, timing, and leverage.

Section head Syne · 600 · 3.5–5vw --text-h2

We sat on both sides of the audit table.

Body lede Inter · 400 · 15–17px · 1.6 lh --text-body

Got an audit letter? Don't respond yet - call us first. The first 48 hours decide how big the number on the table gets, and we routinely cut publisher demands by 78–94%.

Mono label JetBrains Mono · 11px · 0.18em --text-mono

AUDIT EVERY LICENSE × EST. 2000 → VERIFIED · NYC

Editorial primitives / 05

The structural-authority devices.

The kicker opens a section. The metadata strip carries hero context without marketing voice. The single-word moment anchors major page transitions. None of these scale by being repeated - they scale by staying scarce.

Kicker Mono · 11px · 0.18em · with 6px signal dot

Audit defense Verified Active Diagnostic 01 / 06

Metadata strip Anduril hero footer · separators × → ·

Cut what you do not need Est. 2000 NYC

Display moment One per page · pair with mono caption

Verify.

Confidentiality REDACTED tag · co-brand lockup · em-dash separator

[REDACTED] [Client anonymized] [Audit evidence] NYC UMS HHC UMS

Buttons / 06

Outcome verbs. Low radius.

Primary is ink on bone. Signal is reserved for active technical actions only. Label every CTA with an outcome - "Find savings", "Review my EA", "Book diagnostic" - never "Get started", "Learn more", "Contact us".

Primary Ink on bone - default executive CTA

Secondary Bone-soft chip · outline

Signal Reserved for active technical actions

Primary · on dark Bone on ink - executive CTA, dark register

Ghost · on dark Dark hero · navigation

Forms & inputs / 07

Inputs read as technical panels.

Hairline border. Mono labels. Bone-soft fill. The signal-green focus ring is the only saturated color - it earns its weight by being scarce. Field copy is operator-direct: state what you need and what happens next.

Text type=text · with mono label

Work email We send the diagnostic to this address.

Textarea multiline · 4-row default

What's on the table

Select native · industry vocabulary

Industry

Checkbox / radio square · circle · 2px hairline

States / 08

Every interactive element ships six states.

Default, hover, active, focus, disabled, loading. The signal focus ring is non-negotiable - it carries the keyboard contract for every operator who navigates without a mouse. WCAG AA contrast at minimum on every text + ground combination.

Button states Primary variant · md size

Default

Hover

Active

Focus

Disabled

Input states Text input · 1px hairline

Default

Focus

Error

Disabled

Voice & content / 09

Operator vocabulary. No marketing reflex.

UMS shows up as the team that has sat across the audit table for twenty-five years. The voice is direct, transcript-anchored, never glossy. These pairs are the working filter - what to write, what to delete.

Use Avoid Why

CTA copy

Find savings · Review my EA · Book diagnostic

Get started · Learn more · Contact us

Outcome verbs name the work; generic verbs hide it.

Numbers

$2.0M demand → $115K settlement

Significant savings · industry-leading

Real deltas tied to a named position. Vague claims read as marketing.

Proof

NYC OTI consolidated $800M+ across 24 agency estates

Trusted by leading enterprises

Named-client + quantified outcome. Logo soup never lands.

Error message

We need a work email to send the diagnostic.

Invalid email

State what you need + what happens next. Not a label of failure.

Empty state

No audits triggered yet. Watch for these signals →

No data.

Tell the operator what to do next, not just what is missing.

Section opener

We sat on both sides of the audit table.

About us · Our story

A claim, not a category. Earns the attention each section asks for.

Evidence / 10

Anonymized at client request.

The REDACTED card is how UMS shows confidential proof without naming the client. Bone card, hairline border, mono header, abstract subject, audit-ledger progress bars at the foot. One pattern, three industries, the same authority.

[REDACTED] EV-001

Oracle audit reduced from $2.0M demand to $115K settlement.

[REDACTED] EV-002

NYC OTI consolidated $800M+ across 24 agency M365 estates.

[REDACTED] EV-003

Publisher claim cut from $35M to $7.5M before settlement.

Approved industries

Government Public Sector Financial Services Healthcare Manufacturing Education Technology Retail Verified Diagnostic Action required

Cover treatment / 11

Mistral cover. UMS subjects.

For case-study covers and editorial heroes, photography stays cinematic but unmodified - the brand layers on top via CSS. Outline-only viewfinder, L-shaped corner anchors, em-dash co-brand lockup, an outlined industry pill. No glow, no scan lines.

MUNICIPAL ARCHITECTURAL / 2026 NYC - UMS

When the city of New York consolidated $800M+ in software, the method had a name.

Government

Dark register / 12

Specific dark moments.

Dark register is reserved - logo lockups, isometric data slides, certain isolated quote treatments, the named-client proof band. Never the default hero, never decorative. When the system goes dark, it should mean something.

Black field --color-black-field

#050505

Logo lockups, all-black isometric data slides, the gravest proof modules. The deepest surface in the system.

Graphite --color-graphite

#181818

Dark panels, navigation, focused dark sections. Slightly lifted off black - adds dimension without losing the dark register.

Ink --color-ink

#0A0A0A

Headlines on light, primary buttons, the dark synthesis result strip. The brand's working high-contrast tone.

Cards / 13

Technical panels. 6–10px radius.

Avoid SaaS rounded-2xl. Hairline border. Low shadow. Prefer paper or bone-soft on the bone canvas - graphite and black-field only when the dark register is genuinely warranted.

Paper · default

Default proof tile.

White on the bone canvas. The workhorse card. Used for evidence tiles, pricing rows, audit ledgers.

variant=paper

Bone soft · sub-tile

Sub-tile inside a bone section.

Slightly more saturated than the page. Use to group secondary content without breaking the warm canvas.

variant=bone-soft

Outline · ghost

Hairline ghost row.

FAQ rows, audit ledger lines, pricing detail. Drops weight when the surface needs to feel like data not panel.

variant=outline

Graphite · dark moment

Specific dark moments only.

Logo lockups, isometric data, isolated quote treatments. Rarely the right answer; right when it is.

variant=graphite