For AI agents and tools: llms.txt · brand.md · tokens.json · assets.json · revision 0c2dabf, updated 2026-10-15
VADRA Brand Guidelines
VADRA Brand GuidelinesVersion 1.0 · October 2026
The Global Identity Gateway
Our purpose

Connected identities. Greater opportunity.

VADRA is a neutral, secure and compliant identity gateway that connects digital identities across borders, systems and services, for governments, businesses and people.

Neutral

We connect every credible identity scheme and favour none. Technology-agnostic by design.

Secure

Trust is the product. Every interaction is built for privacy, assurance and resilience.

Compliant

eIDAS, national ID laws and sector rules are the baseline we design from, not an afterthought.

Open

Integrate once, reach many. One well-documented API across providers and standards.

We speak to three audiences. Governments accept trusted digital identities and run secure cross-border services. Businesses onboard customers and partners globally, easily and compliantly. Developers integrate once and access multiple identity providers through a single API.

02Colour

Warm signal on a calm, neutral ground.

Three warm brand colours carry energy and movement. A charcoal-led neutral palette keeps VADRA serious, institutional and readable. Warm colours are the signal; neutrals do most of the work.

Vermilion
HEX
#E34112
RGB
227 65 18
CMYK
0 72 100 0

Energy · Trust · Action

Orange
HEX
#FF8A1A
RGB
255 138 26
CMYK
0 55 100 0

Connection · People · Progress

Amber
HEX
#FFC21A
RGB
255 194 26
CMYK
0 25 100 0

Opportunity · Innovation · Global

Neutral palette

Charcoal#0B1220
Slate#374151
Cool Gray#6B7280
Light Gray#E5E7EB
Off White#F8FAFC
White#FFFFFF

Proportion

A typical layout uses roughly these shares. Warm colour stays under a fifth of any surface.

Brand gradient

Reserved for the V graphic element and large display headlines. Never behind body text, never in the logo.

135° · #E34112 → #FF8A1A → #FFC21A

Accessible pairings

Orange and Amber fail contrast on white, so they are never used for text on light backgrounds. For small vermilion text and links on light, use the darker Vermilion Text #C93A10.

PairingContrastUse
AaCharcoal text on White18.7 : 1AAA · all text
AaWhite text on Charcoal18.7 : 1AAA · all text
AaSlate text on White10.3 : 1AAA · body copy
AaCool Gray on White4.8 : 1AA · captions only
AaOrange on Charcoal7.9 : 1AAA · headlines, links
AaAmber on Charcoal11.6 : 1AAA · highlights
AaVermilion on White4.2 : 1AA large only · 24px+ or 19px bold
AaVermilion Text #C93A10 on White5.1 : 1AA · small text and links
AaOrange on White2.4 : 1Fails · graphics only, never text
AaAmber on White1.6 : 1Fails · graphics only, never text

CMYK values for brand colours are from the 1.0 poster. Neutral CMYK values in the token file are conversions and must be proofed before print. Spot (Pantone) references have not yet been set.

03Typography

One family, tightly set.

The VADRA type system has two roles, VADRA Display for headlines and VADRA Text for everything else. Until a custom face is commissioned, both roles are set in Inter (Inter Display for headlines), which is free under the SIL Open Font License and available on Google Fonts. Code uses JetBrains Mono.

Inter Display · Bold
AaBbCcDdEe FfGgHhIiJjKk LlMmNnOoPp QqRrSsTtUuVv WwXxYyZz 0123456789

Rules

Headlines are Bold with tight tracking (−2% to −3.5%) and sentence case, ending in a full stop.

The second line of a hero headline may be set in orange, or in the brand gradient at 48 px and above.

Eyebrows and the tagline are uppercase Medium with wide tracking (+24% to +42%).

Body text is Regular at 16 px or larger with 1.5 to 1.6 line height, in Slate on light and light grey on dark.

Display72 / 72 · Bold · −3.5%
Connect identities.
H156 / 59 · Bold · −3%
Enable opportunity.
H240 / 44 · Bold · −2%
For Governments
H328 / 34 · SemiBold · −1%
Technology neutral
Lead20 / 30 · Regular
Integrate once. Access multiple identity providers and standards through a single, well-documented API.
Body16 / 26 · Regular
Accept trusted digital identities, enable secure cross-border services and support economic growth.
Eyebrow13 · Medium · +30% · caps
The Global Identity Gateway
Code14 · JetBrains Mono
curl https://api.vadra.net/v1/verify
04Iconography

Simple line icons with one warm accent.

Icons are drawn on a 24 px grid with a 1.75 px stroke, round caps and round joins. Most are a single colour; where an icon has a meaningful detail (the check in the shield, the active layer), that one stroke may be Orange.

Identity
Security
Interoperability
Global
Government
Business
People
Integration
Secure Lock
Fast
Sustainable
Api
24 px gridKeep 2 px padding. Scale in steps of 24 (24, 48, 72).
1.75 px strokeScale the stroke with the icon. Never mix weights in one view.
One accentAt most one orange stroke per icon. Mono versions drop it.
05Graphic element

The V, scaled up and cropped.

The supergraphic is the symbol itself at large scale, cropped by the frame, with the arms in soft gradients. It gives every layout a sense of direction and movement. Simple. Distinctive. Flexible. Always forward.

How to use it

Crop the V by one or two edges of the frame, so it reads as passing through.

Keep all three parts and the gaps between them. Do not redraw the arms as stripes or add new pieces.

Place it beside text, never behind it. Keep the left half of a layout for the message.

Use it once per layout, and never alongside the full-colour logo at a similar size.

Over photography, use a single arm in Orange at 85–90% opacity, as on the homepage hero.

06Voice

Clear, confident and calm.

VADRA sits between governments, companies and citizens, so it sounds like a trusted, neutral expert: short sentences, concrete claims, no hype. Headlines are pairs of short statements: a fact, then the benefit.

WriteIntegrate once. Access multiple identity providers through a single API.
AvoidRevolutionising the future of identity with our cutting-edge, AI-powered platform!
WriteAccept trusted EU digital identities through one integration.
AvoidSeamlessly leverage best-in-class identity synergies.

Approved lines

TaglineThe Global Identity Gateway
Purpose lineConnected identities. Greater opportunity.
Call to action lineConnect identities. Enable opportunity.
Proof pointsSecure & compliant · Technology neutral · Global reach · Fast integration · Sustainable
07Applications

Templates, ready to edit.

Every template below ships as an editable SVG plus PNG (and PDF for print). Text is live and set in Inter, so install Inter before editing. Business cards are 85 × 55 mm with 3 mm bleed on every side.

Presentation cover
Presentation cover
Section divider
Section divider
Content slide
Content slide
Business card, front
Business card, front
Business card, back
Business card, back
LinkedIn banner 1584 × 396
LinkedIn banner 1584 × 396
Social post 1080 × 1080
Social post 1080 × 1080
Story 1080 × 1920
Story 1080 × 1920
Letterhead A4
Letterhead A4
Link preview 1200 × 630
Link preview 1200 × 630
App icon, light
App icon, light
App icon, dark
App icon, dark
08Files

What is in the package.

The full package is the vadra-brand folder and zip in the VADRA project files. Use SVG wherever possible; PNGs are for tools that cannot take vector.

vadra-brand/
├─ 01-logo/
│  ├─ svg/   horizontal, horizontal-tagline, stacked, icon × color, color-on-dark, mono-dark, mono-light
│  └─ png/   transparent PNGs, 32 px to 3840 px wide
├─ 02-colour/  vadra-tokens.css · vadra-tokens.json (W3C format) · vadra-tailwind-preset.js
├─ 03-typography/  type specification
├─ 04-icons/  12 icons as SVG (accent + mono), PNG, and an SVG sprite
├─ 05-templates/
│  ├─ business-card/   front + back · SVG, PDF, PNG
│  ├─ stationery/      A4 letterhead · SVG, PDF, PNG
│  ├─ presentation/    cover, divider, content · 1920 × 1080 · SVG, PNG, PDF
│  ├─ social/          LinkedIn, X, square post, story, link preview, avatar
│  └─ app-icons/       iOS, Android adaptive, web favicons + manifest
└─ 06-guidelines/  this page as HTML

Using the tokens

<link rel="stylesheet" href="vadra-tokens.css">

.button-primary { background: var(--vadra-action-primary-bg); color: var(--vadra-action-primary-text); }
.headline em    { color: var(--vadra-orange); }
a               { color: var(--vadra-text-accent); }  /* #C93A10, 5.1:1 on white */