CitiumSoftwareBrand guide
Brand guide · v2.0 draft

What is up to us, drawn in two shapes.

The Citium Software masterbrand: one mark, one copper accent and the shared Zeno type system. Everything here works in light mode, dark mode and one-colour print without a second version.

11 October 2026 · branch chore/restylebrand · tokens: brand/tokens.css

Colour

Three midpoint colours

Copper, Patina and Aegean are each tuned to about 4.3:1 against both white and night. One hex works on light pages, dark pages and print, so the logo needs no dark-mode variant. Cyprus gave copper its name. Patina, oxidised copper, takes over the role of the old teal.

AaAa
Kition Copper--ct-copper-500 · #BE60294.29:1 on white · 4.34:1 on nightLogo accent, one highlight per view, Citium call-to-action buttons.
AaAa
Patina--ct-patina-500 · #2F877D4.30:1 on white · 4.33:1 on nightSuccess and verified states only. Never decoration.
AaAa
Aegean--ct-aegean-500 · #3A74F04.25:1 on white · 4.38:1 on nightCharts and focus. Links use Zeno Blue 600 on light pages.
Semantic tokenLightDarkUse
--ct-bg#FFFFFF#0A1226Page background
--ct-bg-subtle#F6F8FC#0D1730Alternate sections
--ct-surface#FFFFFF#111C36Cards, panels
--ct-text#0B1530#E8EEF9Body and headings
--ct-text-secondary#5B6782#A3B1CCSupporting text
--ct-mark#0B1530#FFFFFFLogo primary shape
--ct-accent#BE6029#BE6029Logo arc, highlights
--ct-product#1A52D9#7EA9FAZeno product names and icons
--ct-band#0B1530#111C36Stats band, CTA, code

Print: a straight conversion of Copper 500 gives CMYK 0 50 78 25. Choose the Pantone match from a physical swatch book and proof it on paper before ordering. For premium print, use copper foil on navy stock with the white mark.

Type

Manrope, Inter, JetBrains Mono

These are the same three open-source (SIL OFL) families as the Zeno products. They are self-hosted from brand/fonts/, so no page view triggers a request to a third-party font CDN.

DisplayManrope 800 · −0.035emYour keys stay in your jurisdiction.
HeadingManrope 800 · 39 pxThe Zeno Product Suite
WordmarkManrope 800 + 500CitiumSoftware
BodyInter 400 · 18/29

ZenoVault stores secrets in your own cluster. The root key is held in protected memory and never touches disk. Unsealing needs a quorum of key holders.

EyebrowInter 600 · 12 px · +0.14emEuropean Security Infrastructure
MonoJetBrains Mono 400
docker pull registry.citiumsoftware.com/zenoauth:latest
Components

Straight cuts, small radii

The shape language follows the mark: flat fills, hairline borders and radii of 4 to 10 px. Ink buttons carry the main action. A copper button appears at most once per view.

Buttons

Badges and links

FreeOur ProductsLearn More →

Figures

<3ms
P99 Latency

ZenoAudit

Tamper-Evident Audit Trails

Storage-agnostic, cryptographically verifiable audit logging with Merkle tree proofs and post-quantum signatures.

  • Five-level verification
  • 8+ pluggable storage backends
  • Post-quantum ready (Ed25519 + ML-DSA-65)
Brand system

One parent, Zeno products

Every product keeps the Zeno prefix and its own line-drawn mark in Zeno Blue with a cyan dot. Citium endorses the products and never merges into a product mark. Copper is how you tell who stands behind them.

Masterbrand

CitiumSoftware

Solid mark, ink or white plus copper. Use it on the website, contracts, invoices, the trust centre and event stands.

Product

ZenoTunnelZenoAuth

Line-drawn on the same 48 grid with a 4 to 4.5 unit stroke. ZenoTunnel, ZenoAuth and ZenoCookieConsent already follow this; the other products move to it next.

Endorsement

A Citium Software product

Product footers, docs and installers carry the small mark with one line of text.

Voice

Calm, precise, candid

We write like an engineer explaining a design to a peer: short sentences, real numbers, the mechanism before the claim. Stoic means calm, not cold. We don't sell fear.

Do
Don't
"The root key lives in protected memory and never touches disk."
"Military-grade, unbreakable security."
"34,000+ requests per second", next to a link to how we measured it.
"The world's fastest ingress controller."
"Built in Denmark. Runs on your infrastructure."
"Escape American surveillance!"
"Anycast is on the roadmap. It isn't live yet."
"Trusted by thousands of teams."
Files

Assets in the repository

All logo files are generated from brand/concepts/generate.py. Edit the geometry there, never by hand in the SVG files.

brand/logo.svgPrimary lockup for light backgrounds
brand/logo-white.svgPrimary lockup for dark backgrounds
brand/logo-mark.svg Mark on light · logo-mark-white.svg on dark
brand/favicon.svgBrowser tab icon; follows the system light or dark setting
brand/concepts/dichotomy-mono-*.svgOne-colour black or white, for stamps, embossing and etching
brand/tokens.cssColour, type and spacing tokens
brand/fonts.cssSelf-hosted font faces (OFL licences in brand/fonts/)
brand/logo-lab.htmlThe five original concepts and the reasoning behind the choice

Before print: the lockup SVGs set the wordmark as live text. Outline it in a vector tool with Manrope installed before the files go to a printer.