# Talentix Brand Docs · Developer Edition

Markdown-first brand guidelines for engineering and product. Designed to be machine-readable, AI-context-friendly, and direct-copy into your codebase.

Version: **v7.0** · May 2026

## What's in here

```
talentix-brand-docs/
├── README.md                # This file
├── 01-brand-story.md        # Vision, Mission, Core values, Pillars, Architecture
├── 02-audience.md           # 3 ICPs, 3 personas, 4 Jobs-to-be-done
├── 03-voice-tone.md         # Principles, do/don't, copy templates, reference brands
├── 04-logo.md               # Variations, clearspace, sizing, monochrome, usage rules
├── 05-color.md              # 10 colors with hex/RGB/CMYK/Pantone/CSS vars
├── 06-typography.md         # Neue Haas Display + Manrope, weights, hierarchy
├── 07-modules.md            # Blueprint, Scout, Reach, Meet — color, role, outcomes
├── 08-icons.md              # Style specs, Lucide source, sample library
├── 09-applications.md       # Web hero, dashboard, email, social, sales deck
├── 10-outdoor-print.md      # Billboard, abri, bakfiets, van wrap, print stationery
├── 11-implementation.md     # Tailwind config, CSS vars, font @font-face, React tokens
├── tokens/
│   ├── tokens.css           # CSS custom properties
│   ├── tokens.scss          # SCSS variables
│   ├── tokens.json          # JSON (W3C design tokens format)
│   └── tailwind-config.example.js  # Tailwind v4 theme block
├── assets-manifest.json     # Programmatic asset inventory
└── assets/
    ├── logos/               # 14 SVG logo variants
    ├── favicons/            # 4 SVG favicons
    └── fonts/               # 16 Neue Haas Display TTF files
```

## Quick start for developers

### Use the design tokens

Three formats, same values:

**CSS** (copy into your global styles):
```css
@import "talentix-brand-docs/tokens/tokens.css";
```

**SCSS**:
```scss
@import "talentix-brand-docs/tokens/tokens";
```

**JSON / Tailwind**: see `11-implementation.md` for code snippets.

### Use the assets

Logos and favicons are in `assets/`. Fonts are in `assets/fonts/`. Reference them directly:

```html
<link rel="icon" href="/talentix-brand-docs/assets/favicons/Favicon - Color-Dark.svg" />
<img src="/talentix-brand-docs/assets/logos/Horizontal - Color-Dark.svg" alt="talentix" />
```

For Manrope, load via Google Fonts (no licensing concerns):

```html
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet">
```

For Neue Haas Display Pro, host the TTF files locally — they're in `assets/fonts/`. Full `@font-face` block in `06-typography.md`.

## Source of truth

This Markdown bundle is generated from the same data as:
- The live brand portal: https://brand.talentix.ai
- The master PDF: https://brand.talentix.ai/talentix-brand-guidelines-v7.0.pdf

For any conflicts, the **live portal** is authoritative. This bundle is a snapshot from May 2026.

## AI-friendly usage

If you use Claude, Cursor, or GitHub Copilot, drop the relevant `.md` files into your AI context (the `01-brand-story.md` covers positioning, `03-voice-tone.md` covers copy rules, `11-implementation.md` covers code patterns). The agent will then follow the brand consistently.

## Contact

- **Co-founder · brand owner**: Michel Bruins Slot
- **Lead Marketing · brand voice**: Malou Kroon
- **Web**: talentix.ai
- **Docs**: brand.talentix.ai

---

**Built to hire with you.**
