Brand system · v1.0 · October 2026

Quiet authority,
built like an instrument.

The principles, marks, colors, type and components behind TAM-C Intelligence Central and its products. One system for the website, the platform, decks, briefs and video. Switch between obsidian and paper to see every token and component in both modes.

Typeface

Hanken Grotesk

Data face

JetBrains Mono

Accent

Steel, plus one signal

Modes

Obsidian · Paper

01 · Philosophy

What the brand believes

TAM-C is the first call when something is wrong, and often the last. Clients come to us in their most exposed moments. The brand exists to make them feel that someone calm, competent and discreet is already working the problem.

01

Quiet authority

We work for people who cannot afford to be wrong. The brand never shouts. Confidence comes from restraint, space and precision, not from volume.

02

Monochrome first. Red means something.

Ninety percent of every surface is ink and paper. Red is reserved for a signal: a priority, an alert, a red flag. If nothing is wrong, nothing is red.

03

Evidence over adjectives

Show the number, the timeline, the source. A sourced fact beats a superlative. If a figure has no source, it does not ship.

04

Built like an instrument

Our visuals borrow from the tools analysts use: consoles, ledgers, timelines and maps. Every element earns its place, and alignment is not optional.

05

Calm under pressure

Motion is measured, copy is short, and layouts breathe. The reader should feel that someone competent is in control.

06

Discreet by default

We protect clients, subjects and sources. Anonymise scenarios, never imply a client relationship without consent, and mark illustrations as illustrative.

We are

Precise · Calm · Discreet · Evidence-led · Operational

We are not

Loud · Militaristic · Fear-selling · Gimmicky · Vague

The feeling

A quiet operations floor at 2 a.m., where everything is under control.

03 · Color

Ink, paper and one signal

A monochrome system with two modes. Paper leads the website; obsidian leads the platform, video, decks and the bands that carry our most important moments. Steel is the only decorative accent. Red and amber are status colors: they mean priority, never decoration. Click any swatch to copy its hex.

Paper · light mode

Obsidian · dark mode

Signal · status only

Proportion · per surface

Ground 62Surface 22Ink 10Steel 4Signal 2

Contrast · WCAG 2.2

AaGraphite on paper18.9:1AAA
AaSlate on paper9.1:1AAA
AaSteel on paper7.6:1AAA
AaIvory on obsidian18.1:1AAA
AaPewter on obsidian6.0:1AA
AaSignal on obsidian5.7:1AA

04 · Typography

A calm face, a sharp edge

Hanken Grotesk carries everything a person reads: headlines, body, buttons and navigation. Chakra Petch is the edge: IDs, big numbers and short technical labels, never headlines or paragraphs. JetBrains Mono carries everything a machine produces: timestamps, coordinates, table values. Headlines are set in medium weight, never bold.

Brand face · 400 500 600

Aa

Hanken Grotesk

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · → %

Headlines 500, body 400, buttons and navigation 600.

Accent · 500 600

Aa

Chakra Petch

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · → %

IDs, stat numbers and short labels. 600 when small, 500 when large.

Data face · 400 500

Aa

JetBrains Mono

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · → %

Uppercase labels at 10 to 11 px with 0.16 to 0.2 em tracking.

Display XL

Hanken Grotesk 500 · clamp(2.6rem, 5vw, 4.8rem) · -0.025em · 1.06

Intelligence Central.

Display L

Hanken Grotesk 500 · 3.6rem · -0.025em · 1.06

Know the subject first.

Heading

Hanken Grotesk 500 · 2rem · -0.025em · 1.06

One picture, one watch list.

Title

Hanken Grotesk 600 · 1.25rem · -0.01em · 1.3

Escalation packet ready for review

Body L

Hanken Grotesk 400 · 1.125rem · 1.6

Signals from HR, IT, physical access and open sources, scored against each subject's own baseline.

Body

Hanken Grotesk 400 · 15px · 1.6

Every program runs four phases: scope, baseline, monitor and escalate.

Eyebrow

Hanken Grotesk 600 · 13px · 0.02em

Insider threat · Early warning

Accent

Chakra Petch 600 · uppercase · 0.04em

POI 0412 · Case 2026-117

Label

JetBrains Mono 500 · 11px · uppercase · 0.18em

Case file · 30 Sep 2026 · 02:41

Navigation

Hanken Grotesk 600 · 11px · uppercase · 0.08em

Figures · accent

12,000

02:41 · 37 min · 9.6 / 10 · P1

Headline pairing

30 seconds to react in the air. Months to see it on the ground.

Rules

  • Sentence case for every headline and button.
  • Uppercase only in accents, mono labels and navigation.
  • One headline weight: 500. Never 700 or above.
  • Line length 60 to 75 characters for body copy.

05 · Layout

Grid, space and hairlines

Layouts are built on a 12-column grid inside a 1400 px container, with a 980 px container for reading. Space comes in steps of 4. Structure is drawn with 1 px hairlines and 2 px corners, never with heavy borders, shadows or pill shapes.

12 columns · 1400 px · 32 px gutters

1
2
3
4
5
6
7
8
9
10
11
12

Spacing · 4 px base

4
8
12
16
24
32
48
64
96
112

Sections use 112 px of vertical padding (72 px on mobile). Cards use 24 to 32 px.

Shape

  • 2 px radius for buttons, tags, cards and inputs.
  • Full round only for status dots and portraits.
  • 1 px hairlines; shadows only on floating UI.

06 · Components

The working parts

These are the live site classes, rendered with the current mode's tokens. A primary action is solid ink: graphite on paper and ivory on obsidian. There is one primary action per view.

Buttons · .btn-primary · .btn-ghost

14 px Hanken Grotesk 600 · padding 14 by 22 · hover drops opacity to 0.88 or darkens the hairline.

Tags, priority and status

Insider threatEarly warningP1P2P3
VerifiedUnder reviewRed flag Live

Form field

Section header

Capabilities

From signal to decision.

Eyebrow, display headline and one supporting sentence. Nothing else above the fold.

Stat card

37min

Pattern detection lag, defense case

Escalation packet

P1

POI 0412

Warning signs2
Evidence, time-stamped6
Analyst readIntent
Recommended actions3

Case card

IP exfiltration, disrupted before it completed

Embedded analyst, client SOC and ARGO NG timeline. Anonymised.

Read the case →

Threshold crossed · POI 0412

Score moved from 3 to 4 at 02:41. The escalation path has fired and the packet is ready.

07 · Data UI

Showing intelligence

Our product UI and diagrams look like an analyst's console, not a dashboard template. Data is grey until it matters; the one thing the reader must see is the only thing in ink or signal red.

Score ladder

5Highest risk, any hour
4Above thresholdNow
3Above normal
2Minor drift
1Matches normal

Detection window

INCIDENTTIMeRConventionalAlert fires

Signal in the noise

00:00Threats blocked · 24 h24:00
TimeSourceSignalScorePriority
02:41RepositoryOff-hours bulk access4P1
01:58FacilitiesBadge use at a closed site3P2
23:12Open sourceHostile post naming staff2P3

08 · Motion

Measured, never theatrical

Things arrive as they are mentioned: in a video, each panel builds on the word that names it. Motion eases out, rises a little and settles. No bounces, no spins, no glitch effects. If a move draws attention to itself, cut it.

Enter

0.5 s · power3.out · rise 14px

Panels, cards and lines arriving

Crossfade

0.4 to 0.5 s · power1.inOut

Scene to scene, page to page

Stagger

60 to 120 ms

Lists, rows and grids build in order

Emphasis

1.12 scale · 0.12 s in, 0.25 s out

A single pop on the word that matters

Push

1.025 to 1.04 over the scene

Slow camera drift, never a zoom-punch

Signal pulse

2.4 s · ease-out · loop

Live status only

Build on the word

HR systemSignal
IT systemsSignal
Physical accessSignal
Open sourcesSignal
One picture · POI 0412

09 · Imagery

Black and white, after dark

Photography is graded to black and white, low key and slightly crushed: control rooms, infrastructure, aircraft, hands at work, people seen from behind. It sets a mood; it never identifies anyone. Our own UI, dimmed, is the best texture we have.
Operations
Infrastructure
Access
Reach

Use

  • Grayscale, contrast lifted, highlights held, shadows deep.
  • Real environments and hands at work; faces turned away or out of focus.
  • A dark gradient behind any type laid over imagery.
  • Our own consoles and maps, dimmed to 30 to 40 percent, as texture.

Avoid

  • Hooded hackers, glowing padlocks, binary rain, blue holograms.
  • Smiling stock teams, handshakes and thumbs up.
  • Weapons, tactical poses and anything that sells fear.
  • Identifiable people in a threat context without consent.

10 · Voice

How we sound

We write like a senior analyst briefing a CEO: short, factual and calm. Lead with the outcome, support it with evidence, and stop. Sentence case, no exclamation marks, no buzzwords.

Say what happened, then what it means.

“The insider surfaced 37 minutes after the first anomalous action.”

Do

“Our revolutionary AI instantly catches every bad actor!”

Don't

Numbers carry a source, or they don't run.

“Trusted by 25% of Fortune 500 companies.”

Do

“Thousands of breaches stopped every year.”

Don't

Short sentences. Plain words.

“Cross the threshold, and escalation fires.”

Do

“Upon the breach of pre-configured thresholds, an escalation workflow may be initiated.”

Don't

Respect the people involved.

“An illustrative scenario, not based on any individual.”

Do

“Here's how we caught the traitor.”

Don't

Name

TAM-C, always with the hyphen and capitals. Never Tamc or TAMC.

Products

ARGO NG, TIMeR, Kaymera. Written exactly so.

Descriptor

Intelligence Central. Never Intelligence Centre.

Sign-off

Ops@tamcintel.com for every call to action.

11 · Resources

Take it with you

Logo files, tokens and fonts. Questions about brand use, partner co-branding or press go to the operations desk.

Design tokens · CSS

/* TAM-C tokens · paper (default) */
--color-bg: #ffffff;        --color-surface: #f5f5f7;   --color-surface-2: #e8e8ed;
--color-ink: #111113;       --color-ink-dim: #48484a;   --color-ink-faint: #6e6e73;
--color-accent: #4b5563;    --color-line: rgba(17,17,19,0.10);
--color-signal: #b8311e;    --color-amber: #a25c00;

/* .theme-dark-island · obsidian */
--color-bg: #0b0b0c;        --color-surface: #1c1c1e;   --color-surface-2: #2c2d30;
--color-ink: #f5f5f7;       --color-ink-dim: #c7c7cc;   --color-ink-faint: #8e8e93;
--color-accent: #9aa4ae;    --color-line: rgba(255,255,255,0.10);
--color-signal: #f94a46;    --color-amber: #ffc46b;

/* Type */
--font-sans: "Hanken Grotesk";  --font-accent: "Chakra Petch";  --font-mono: "JetBrains Mono";
/* Radius 2px · hairlines 1px · sections 7rem · container 1400px / 980px */