Antek Automation BRAND GUIDE
Download the PDF ↓ → GDPR/AI Act guide

Antek Automation — Brand Guide

Reference for anyone building decks, docs, landing pages, or reports for Antek. Match this and it's on-brand.

Brand essence

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.


Logo

Triangle "A" mark (two overlapping coral/cream triangles on a dark charcoal square) + "ANTEK AUTOMATION" wordmark, uppercase, letter-spaced.

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>

Colour palette

TokenHexUse
--bg#1a1a1aPage/document background
--panel#1f1f1fCards, table headers, raised surfaces
--line#2f2f2fBorders, dividers, hairlines
--coral#ff5f3fPrimary accent — CTAs, links, active/negative state, brand highlight
--cream#e8dcc8Headings, logo highlight, secondary emphasis
--body#f8f8f0Body text on dark
--muted#8f8880Captions, footnotes, disabled/secondary text
--cyan#9ff3ffRare pop accent — inline code, positive data highlight only
--ok#37d67aSuccess / "yes" states only
--warn#f0b429Warning states only

Rules:

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).


Typography

Three-font system, Google Fonts, all self-hosted-safe:

FontRoleWeights used
OutfitHeadings, logo wordmark, buttons, score numbers400, 600, 700, 800
DM SansBody copy, paragraphs, list text400, 500, 700
JetBrains MonoKicker tags, footers, code, page numbers, small caps labels400, 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):

ElementFontWeightSizeCase/style
H1Outfit80028–32pxUPPERCASE, tight tracking
H2Outfit80015–20pxUPPERCASE, coral left border (3–4px), 9–12px padding-left
H3Outfit80012.5–16pxSentence case, cream
BodyDM Sans40011–16pxline-height 1.55–1.65
Kicker/tagJetBrains Mono7008.5–10pxUPPERCASE, letter-spacing .12–.16em, coral
Footer/page no.JetBrains Mono4008–10pxmuted 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.


Voice & tone


UI components (web/doc patterns)

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

Do:

Don't:


Reference implementation

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.


Company reference details