Afiant · Brand Guidelinesv1.0 · 2026 · Internal
The visual system

Data sovereignty,
delivered.

A document-grade identity for Afiant — the European compliance platform that gives mid-market businesses control over their data, regardless of vendor.

Afiant
Default · Bone
§ 02

Monogram

The compact mark — for square applications where the wordmark cannot breathe. Reads down to 32 pixels.

Af
App icon · 1024px source
iOS · Android · PWA
Af
Social avatar · 400px
LinkedIn · X · GitHub
Af
Browser tab · 64px
Standard favicon
Af
Dense UI · 32px
Compact rails, status bars
Af
Bone
Af
Ink
Af
Cyan
Af
Mono
§ 03

Construction

Geometric relationships. Clear-space, minimum size, and the proportional grid that holds the lockup together.

Construction lines
clear-space = x · cap-height
cursor-block = 0.10 × cap-height
Afiant
Minimum sizes — wordmark
Afiant
Standard · 56px height
Afiant
Compact · 32px height
Afiant
Minimum · 20px height (digital)
Minimum sizes — monogram
Af
80px
Af
56px
Af
40px
Af
24px
Af
16px

Below 16px, the monogram drops the accent block. A solid Af on Cyan is approved as a fallback favicon.

§ 04

Color

Cyan carries the brand. Slate and Bone do the work. Functional colors are signal-grade — sharp, not loud.

Primary
Brand · Primary
Cyan
#00D4D4
rgb(0, 212, 212) · oklch(0.79 0.13 196)
Foreground · Tech-dark
Slate
#0A1220
rgb(10, 18, 32)
Background · Surface
Bone
#F2F4F7
rgb(242, 244, 247)
Cyan — tints
On light surfaces
Cyan Dim
#0A6E6E
rgb(10, 110, 110)
Default
Cyan
#00D4D4
rgb(0, 212, 212)
Hover · Shadow
Cyan Deep
#00A0A0
rgb(0, 160, 160)
Neutrals
Tech-dark · Code surface
Slate
#0A1220
rgb(10, 18, 32)
Body text
Ink
#0F1419
rgb(15, 20, 25)
Secondary text
Stone
#6B7785
rgb(107, 119, 133)
Hairline · Surface alt
Fog
#E4E8EE
rgb(228, 232, 238)
Functional · signal
Compliance · Pass
Success
#2EBF8F
rgb(46, 191, 143)
Action required
Warning
#E8A93B
rgb(232, 169, 59)
Vendor non-compliant
Error
#E64545
rgb(230, 69, 69)
Do
  • Use Cyan as terminal, anchor, single CTA — not as background.
  • Pair Slate with Cyan in tech / product UI surfaces.
  • Pair Bone with Ink for body. Stone for secondary.
  • Keep functional colors at signal saturation — don't dim them.
Don't
  • Don't introduce new accent hues. The system is closed.
  • Don't use Cyan as a background fill at ≥ 30% surface area.
  • Don't gradient-fill the brand cyan — it's a flat signal color.
  • Don't use pure black #000 — Slate or Ink only.
§ 05

Typography

Inter Tight for display and UI. Source Serif for editorial. JetBrains Mono for data, tags, and metadata.

Display · UI
AaBbCc 0123
Inter Tight
Editorial · Quote
AaBbCc 0123
Source Serif 4
Data · Metadata
AaBbCc 0123
JetBrains Mono
Scale
Display · 01
72px · 500 · -0.035em
Data sovereignty, delivered.
Display · 02
48px · 500 · -0.025em
The audit-trail platform
Heading · 01
32px · 600 · -0.02em
Vendor lock-in, ended.
Heading · 02
22px · 600 · -0.01em
Switch Sprints under the Data Act
Editorial
26px · 400 · -0.005em
A document-grade identity, in the spirit of a notary's office that also writes code.
Body
16px · 400 · normal
From 12 September 2025, your SaaS vendor cannot hold your data hostage longer than 2 months. Afiant makes sure those 2 months are used.
Caption
12px · 500 · 0.04em
§ Audit-trail · Last verified 12:04 CET
Mono · tag
13px · 500 · 0.08em
afiant.com · EU·NL · v1.0
Mono · figure
20px · 500 · normal
€ 14,820.00 · 7 yrs · 384 docs
§ 06

Website · Header & hero

The wordmark anchors the top-left. Cyan appears once — the CTA. Everything else is restraint.

afiant.com
Afiant
EU Data Act · Live since 12 Sep 2025

Your data,
under oath.

Afiant is the European compliance platform that holds, queries, and migrates your business data — regardless of which SaaS vendor it lives in.

Start a Switch Sprint →See platform
Vendor exit · Case 2026-04
2 months from request to signed-off migration.
NL · 48-person consultancyExact → Afiant · 384 docs
§ 07

Product UI · Dashboard

The same identity in product context. Tabular figures, monospace metadata, restrained Cyan for compliance signal.

Afiant
/ vendors / overview
R · RodinR
Vendors tracked
12
5 EU · 7 EU-via-US
Compliant
9
75% · target 100%
Action required
2
Within 14 days
Non-compliant
1
Escalation drafted
Vendor compliance
Last sync · 04:12 CET
VendorRegionStatusDays to actionLast verified
Exact OnlineNL · Amsterdamcompliant04:12 CET
AFAS ProfitNL · Leusdencompliant04:08 CET
Microsoft 365EU · Dublinaction req14 d03:55 CET
SalesforceUS · Frankfurtnon-compliant52 d02:30 CET
HubSpotEU · Frankfurtcompliant04:11 CET
§ 08

Email signature

Plain HTML, no images required. Renders identically in Gmail, Outlook, Apple Mail, and dark-mode clients.

Light client
Hi Marit,

Attached the Switch Sprint draft. Two months runs from 15 May. Let me know if you want to bring the kick-off forward.

Best, Rodin
Afiant
Rodin van Hees · Founder
+31 (0)6 12 34 56 78 · rodin@afiant.com
afiant.com · Amsterdam
Dark client
Hi Marit,

Attached the Switch Sprint draft. Two months runs from 15 May. Let me know if you want to bring the kick-off forward.

Best, Rodin
Afiant
Rodin van Hees · Founder
+31 (0)6 12 34 56 78 · rodin@afiant.com
afiant.com · Amsterdam