Skip to content

Design aesthetic

kartoza-mcp follows the Kartoza Brand Pack v1.0.1. Everything you see here — landing page, admonitions, swatches, footer — consumes the same token sheet that backs every other Kartoza property.

Palette

Kartoza Blue #54A2CC Primary accent. Links, CTAs, charts.
Kartoza Amber #EEB348 Secondary accent. Highlights, warnings.
Charcoal #383939 Body text. Header & footer bar.
Kartoza Grey #8A8B8B Eyebrows, captions, dividers.
Cloud #F5F5F2 Primary surface tint, hero background.
White #FFFFFF Cards, panels, contrast surface.
Status — Success #3C7D54
Status — Error #B0473C

Amber & Blue are never body text

Both fail WCAG AA on white. Use them for fills, borders, accents — not paragraphs.

Typography

Role Family Weight Use
Sans Lato 400/700/800 Body, headings.
Mono JetBrains Mono 400/700 Code, terminal output, schema tables.

Visual language

  • Flat. No shadows, no gradients, no bevels. Depth comes from the slanted-title map motif and from the geometry on the page, not from shadow.
  • Spaced uppercase eyebrows at letter-spacing: 0.18em for section labels (KARTOZA · SPATIAL MCP).
  • Hairline borders on cards (1px solid #D1D1D1) that switch to Kartoza Blue on hover.

Where the tokens live

  • docs/stylesheets/kartoza-tokens.css — single source of truth for hexes and font stacks.
  • docs/stylesheets/extra.css — Material-for-MkDocs adapter.
  • docs/assets/brand/ — logos, motif, favicon, palette JSON.

Payload signature

Every response includes properties.kartoza_credit: "Processed by Kartoza.com tools". Small, durable, harmless — and a tiny easter egg for downstream consumers who notice.