<!-- Source: https://northlit.ai/community/brands/tazi-ai · v1 · Generated with Northlit · Remix: https://northlit.ai/community/brands/tazi-ai -->
<!-- Unofficial interpretation generated by Northlit. Not affiliated with or endorsed by Tazi AI. -->

# TAZI AI — Brand Spec

## 01 Brand Overview
TAZI AI builds grounded, explainable AI agents for regulated financial institutions — RIAs, banks and credit unions. The brand positions itself at the intersection of enterprise trust and machine intelligence: every decision is grounded in the customer's own data, validated against their policies, and approved by their team. The visual identity signals institutional gravitas (deep navy, restrained gold) rather than startup exuberance.

## 02 Color Palette
```
- name: canvas
  role: bg
  light: oklch(98.6% 0.004 250)
  dark:  oklch(20% 0.03 260)
  hex:   #fafbfc
```
```
- name: ink
  role: subject
  light: oklch(26.5% 0.062 265)
  dark:  oklch(92% 0.02 260)
  hex:   #1a2749
```
```
- name: primary
  role: accent
  light: oklch(52% 0.036 265)
  dark:  oklch(65% 0.036 265)
  hex:   #616e8c
```
```
- name: accent-gold-text
  role: highlight
  light: oklch(52.5% 0.082 78)
  dark:  oklch(72% 0.09 80)
  hex:   #856825
```
```
- name: gold
  role: highlight
  light: oklch(72.5% 0.074 80)
  dark:  oklch(76% 0.08 80)
  hex:   #c4a265
```
```
- name: teal
  role: accent
  light: oklch(72% 0.13 185)
  dark:  oklch(78% 0.14 185)
  hex:   #00c2ae
```
Supporting CSS tokens: navy-light `#243158`, navy-dark `#111b34`, gold-light `#d4b87a`, gold-dark `#a8883f`, muted `#f3f4f7`, muted-foreground `#616e8c`. Navy is the anchor; gold is the singular highlight used sparingly on CTAs and emphasis words; teal appears only in data/agent accents.

## 03 Typography
- Primary (display): `'Inter', -apple-system, 'Segoe UI', sans-serif` — headlines, set tight and bold with mixed-weight emphasis (gold-tinted key phrases).
- Secondary (body): `'Inter', -apple-system, 'Segoe UI', sans-serif` — running prose, muted-foreground gray, generous line-height.
- Mono (optional): `'IBM Plex Mono', 'SF Mono', ui-monospace, monospace` — metadata, client IDs, stat labels and eyebrow kickers set in wide letterspaced small caps.
The TAZI wordmark is a widely-tracked, thin-stroke geometric sans in all caps — Inter at a light weight with heavy tracking matches its engineered, precise letterforms.

## 04 Voice
### Values
"Grounded AI you can explain, audit and govern — every action validated before it reaches your team."

### Aesthetic
Institutional restraint, monochromatic navy authority, editorial precision, gold-accented gravitas, data-forward clarity, quiet confidence.

### Tone of Voice
Authoritative, precise, plain-spoken, trustworthy, measured.

## 05 Layout posture
- Centered, editorial single-column hero blocks with wide-tracked mono eyebrows above bold navy headlines; emphasis words swapped to gold.
- Airy on marketing surfaces, dense and tabular in data cards (client score panels, stat trios) — a deliberate contrast between calm prose and precise numerics.
- Zero-radius, hairline-bordered white cards on near-white canvas; navy full-bleed CTA bands close sections.
- Numbered process lists (01–05) in oversized muted gray as a signature structural flourish.

## 06 Anti-defaults
- No rounded corners — radius is a strict 0px; never soften cards into pill shapes.
- No gradients on content surfaces (navy CTA band excepted); avoid glassmorphism and glow.
- No saturated multi-color palettes — gold and teal are rationed accents, never decoration.
- No playful or geometric-quirky display type; keep to tracked, engineered sans.
- Typography inferred as Inter from wordmark letterforms; if a lighter display cut is available, prefer it for the wordmark's thin all-caps feel.

## 07 Logo
- Wordmark "TAZI" in thin, wide-tracked navy (#1a2749) all-caps sans, paired with an abstract organic-geometric gold (#c4a265) mark evoking a wing/feather formed from angular facets — the only place gold and navy meet at the mark scale.
- Clear space: at least the cap-height of the wordmark on all sides; minimum legible width ~96px for the lockup.
- Variants: navy wordmark + gold symbol on light canvas; white wordmark + gold symbol on navy backgrounds.
- Never recolor the mark off-palette or place the gold symbol on a busy/low-contrast background that flattens its facets.

## 08 Imagery
- Favor UI screenshots and data-panel compositions over stock photography — the product's validated-action cards and agent chat are the hero imagery.
- When photography is used, treat institutional/financial subjects with cool, desaturated navy grading; avoid warm consumer lifestyle shots.
- Use restrained diagrammatic illustration (pipeline flows, human-in-the-loop maps) in navy line with gold/teal node accents.
- Faint grid textures on light canvas hero backgrounds add engineered depth without noise.
- Avoid literal robot/AI clichés, neon cyber aesthetics and glossy 3D renders.

## 09 UI Components
- CTAs are solid gold (#c4a265) rectangles with white/navy text and a trailing arrow glyph; zero radius, no shadow — flat and decisive. Secondary CTAs render as navy or bordered variants.
- Cards are white with 1px hairline borders (muted gray) on near-white canvas, zero radius, minimal-to-no elevation; featured cards gain a thin gold top rule.
- Data panels use a navy header bar with white/gray label text and large red stat numerals (attrition risk) — a distinct dashboard sub-language.
- Eyebrow kickers are gold, uppercase, wide-tracked mono/small-caps sitting above every section title.
- Badges/chips (e.g. "FEATURED", "Solution") are small pill-adjacent tags with a gold dot marker and muted background.
- Nav is a light, borderless top bar with dropdown carets and a single bordered gold "Get a Demo" button anchoring the right.

## 10 Iconography
- Thin single-weight outline icons (~1.5px stroke), navy or muted gray, literal metaphors (shield for security/permissions).
- Small, consistent sizing (~20–24px) set inside card headers with generous whitespace.
- Slightly rounded stroke terminals but geometric overall — no filled or duotone icons.

## 11 Patterns & Data Visuals
- Bubble/scatter charts on log axes with sparse gridlines; nodes rendered as neutral circles with gold/teal accent highlights — data over decoration.
- Pipeline diagrams use navy connector lines, green (human-in-the-loop) and red (dropped-action) legend dots, and rounded node capsules.
- Tables/score panels are dense, label-value pairs with pass/fail color coding (red for risk, gold for approved states).
- Faint square grid pattern washes hero backgrounds as the primary decorative motif.

## 12 Spacing & Grid
- Base spacing unit of 4px; marketing sections are airy with tall vertical padding while data cards tighten to compact rows.
- Content centers on a ~640–720px measure for prose; multi-card sections run a 2–3 column grid with even gutters.
- Radius scale is a flat 0px system-wide — every corner is square, the single strongest structural signature.
- Section rhythm alternates white canvas and muted (#f3f4f7 / navy) bands to segment the long-form page.

## 13 Products
- Enterprise Agent: TAZI Enterprise Agent (product)
- RETAIN Agent: TAZI RETAIN Agent (product)
- GROW Agent: TAZI GROW Agent (product)
- ACQUIRE Agent: TAZI ACQUIRE Agent (product)
- VoC Agent: Voice of Customer Agent (product)
- ATO Agent: TAZI ATO Fraud Agent (product)
- Focus Group Agent (product)
- Expert Panel Agent (product)