Reference for anyone building decks, docs, landing pages, or reports for Antek. Match this and it's on-brand.
Antek Automation is a UK-based AI automation agency (Andover, Hampshire). Tone: direct, practical, no fluff, no hype. Dark, confident, technical — closer to a dev tool than a corporate agency. Plain English always; short sentences; show the number, not the adjective.
Triangle "A" mark (two overlapping coral/cream triangles on a dark charcoal square) + "ANTEK AUTOMATION" wordmark, uppercase, letter-spaced.
#1a1a1a or darker). Never on white/light without inverting.SVG (reference mark, 1500×1500 viewBox):
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 1500">
<path fill="#1a1a1a" d="M45 133h1410v1233H45z"/>
<path fill="#d4c9bc" d="M918 1274l-65-127H513l-66 127H197L683 371l485 903zm-153-296l-82-158-83 158z"/>
<path fill="#d67454" d="M1052 1274l-65-127H647l-66 127H331L817 371l485 903zm-153-296l-82-158-83 158z"/>
</svg>
| Token | Hex | Use |
|---|---|---|
--bg | #1a1a1a | Page/document background |
--panel | #1f1f1f | Cards, table headers, raised surfaces |
--line | #2f2f2f | Borders, dividers, hairlines |
--coral | #ff5f3f | Primary accent — CTAs, links, active/negative state, brand highlight |
--cream | #e8dcc8 | Headings, logo highlight, secondary emphasis |
--body | #f8f8f0 | Body text on dark |
--muted | #8f8880 | Captions, footnotes, disabled/secondary text |
--cyan | #9ff3ff | Rare pop accent — inline code, positive data highlight only |
--ok | #37d67a | Success / "yes" states only |
--warn | #f0b429 | Warning states only |
Rules:
--ok / --warn / coral-as-negative only appear in status/scoring contexts (checklists, score bands, risk tables) — not general UI.Print variant used in PostGrid letters (light paper stock): swap --bg→white, --cream→dark charcoal text, keep coral as the only accent colour; logo mark stays as-is (it already has its own dark square background).
Three-font system, Google Fonts, all self-hosted-safe:
| Font | Role | Weights used |
|---|---|---|
| Outfit | Headings, logo wordmark, buttons, score numbers | 400, 600, 700, 800 |
| DM Sans | Body copy, paragraphs, list text | 400, 500, 700 |
| JetBrains Mono | Kicker tags, footers, code, page numbers, small caps labels | 400, 700 |
Import line:
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap');
Type scale (web/doc):
| Element | Font | Weight | Size | Case/style |
|---|---|---|---|---|
| H1 | Outfit | 800 | 28–32px | UPPERCASE, tight tracking |
| H2 | Outfit | 800 | 15–20px | UPPERCASE, coral left border (3–4px), 9–12px padding-left |
| H3 | Outfit | 800 | 12.5–16px | Sentence case, cream |
| Body | DM Sans | 400 | 11–16px | line-height 1.55–1.65 |
| Kicker/tag | JetBrains Mono | 700 | 8.5–10px | UPPERCASE, letter-spacing .12–.16em, coral |
| Footer/page no. | JetBrains Mono | 400 | 8–10px | muted colour |
Fallback stack for non-web contexts (PDF via WeasyPrint, no web font access): 'DejaVu Sans', Arial, sans-serif for body; Arial for headings if Outfit unavailable.
Header bar — logo mark + "ANTEK AUTOMATION" wordmark (Outfit 800, uppercase, cream) left; mono kicker tag right, coral, uppercase, letter-spaced. Bottom border 1px --line.
Buttons / CTAs — solid coral background, dark text (#1a1a1a), Outfit 800, uppercase, letter-spacing .04em, ~10–14px vertical padding, 8–10px border-radius. One CTA per view; never two coral buttons competing.
Score/status band (for audits/reports) — left-accent-bordered panel, big Outfit 800 number, mono uppercase tag below, colour keyed to the score tier (green ≥80, cyan 60–79, amber 40–59, coral <40).
Tables — header row --panel background, cream Outfit-bold text; body rows alternate --bg/#1d1d1d; all cells bordered 1px --line.
Blockquote/callout — 3px coral left border, dark warm background (#241a16), cream-ish text, used for pull-quotes and sales lines.
Inline code / mono labels — JetBrains Mono, cyan text on #242424 background, small padding, 3–4px radius. Cyan is only used here and for positive data points — don't use it as a general accent.
Do:
Don't:
#D97757 — that's the older geo-slab default renderer, since superseded by this system for all Antek-branded output.The full CSS variables + component styles are implemented in render_report_branded.py / render_guide.py / render_web.py (WeasyPrint PDF + static HTML renderers) — copy the BRAND_CSS/WEB_CSS block from either as a working starting point rather than rebuilding from scratch.