Updated October 2026

Brand kit.

Logos, colors, type, and the rules for using them. You're welcome to use everything here, whether you're writing about Kodex or listing us on a partner page.

Download all logosZIP · SVG, PNG, PDF · 140 KB

01 · Logo

The logo.

Use the full logo wherever it fits. The wordmark is custom artwork, so always use the files and never type KODEX in a font as a stand-in.

Full logo

Use it by default in articles, slides, event listings, and partner pages.

For dark backgroundsSVG ↓PNG ↓

For light backgroundsSVG ↓PNG ↓

Mark

For small spaces where the full logo won't fit, once the Kodex name appears nearby.

For dark backgroundsSVG ↓PNG ↓

For light backgroundsSVG ↓PNG ↓

Contained logo

The logo on a solid tile. Use it over photos or busy layouts where the plain logo would get lost.

For dark backgroundsSVG ↓PNG ↓

For light backgroundsSVG ↓PNG ↓

Contained mark

The mark on a solid tile, for app icons, avatars, and other small squares.

For dark backgroundsSVG ↓PNG ↓

For light backgroundsSVG ↓PNG ↓

Print-ready PDF versions of every file are in the zip.

Backgrounds

Put the logo on one of these four colors. Over a photo or a busy layout, use the contained logo.

Paper #FFFFFF

Chalk #EBEDF2

Signal Blue #2364E7

Deep Navy #1C273D

Clear space

Keep other text, logos, and edges at least half the logo's height away on every side. For the mark on its own, keep a quarter of its height clear.

Don't change it

Use the artwork exactly as supplied.

Don't add an outline.

Don't add a shadow.

Don't recolor it.

Don't rotate it.

Don't stretch or squash it.

Don't blur it.

Don't fill it with a photo or texture.

Don't rearrange it or add to it.

02 · Color

Color.

Deep Navy is the foundation of the palette. Signal Blue and Flare Red are the two active colors, and together they stand for the exchange between agencies and the companies that answer them. Use Paper, Chalk, and the greys for hierarchy, with Navy Grey and Midnight for depth.

Deep Navy

HEX #1C273D
RGB 28, 39, 61
CMYK 66, 48, 0, 74
PMS 533 C

Signal Blue

HEX #2364E7
RGB 35, 100, 231
CMYK 77, 51, 0, 0
PMS 2387 C

Flare Red

HEX #F66265
RGB 246, 98, 101
CMYK 0, 71, 49, 0
PMS 2345 C

Supporting colors

Midnight

#151E2E
RGB 21, 30, 46
PMS 289 C

Navy Grey

#22324F
RGB 34, 50, 79
PMS 2380 C

Dark Grey

#7F8EAC
RGB 127, 142, 172
PMS 7674 C

Medium Grey

#CBD0DE
RGB 203, 208, 222
PMS 538 C

Light Grey

#E3E6EE
RGB 227, 230, 238
PMS 656 C

Chalk

#EBEDF2
RGB 235, 237, 242
PMS 106-1 C

Paper

#FFFFFF
RGB 255, 255, 255
PMS n/a

For small text, use Flare Red only on Deep Navy or Midnight, and Signal Blue only on white.

03 · Type

Type.

Headlines are set in Druk Bold. Anything people read at length uses PP Mori, and short labels use Geist Mono in capitals.

Headlines

Druk Bold

Uppercase and short. 85% leading, +2% tracking.

License from Commercial Type

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Body copy

PP Mori

Regular for reading, SemiBold for emphasis. 130% leading.

License from Pangram Pangram

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789

Labels

Geist Mono Medium

Uppercase, for short labels and metadata. 120% leading, −2% tracking.

Free from Google Fonts

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Druk and PP Mori are licensed fonts, so we can't share the files. Without them, use Anton for headlines and DM Sans for body copy. Both are free on Google Fonts.

04 · Sign in with Kodex

Sign-in button.

If your legal portal offers Sign in with Kodex, use these buttons for it. The label is outlined in the files, so they look right without our fonts. For setup, talk to your Kodex contact.

Download the button setZIP · SVG, PNG 1x, 2x, 3x · 210 KB

Navy · default on light pages

Outline · light pages where navy feels heavy

White · dark pages

Each style comes as a rectangle with 4px corners, a pill, and a mark-only button for sign-in rows where every option is an icon.

Rules

Use the files as they are. Keep the colors, mark, label, and spacing unchanged.
The label always reads "Sign in with Kodex", in sentence case.
Match the size of the other sign-in buttons on the page. Never go smaller than them, or below 32px tall.
Leave at least 8px of space around the button.
Use the mark-only button only when every sign-in option is an icon.
Don't fill it with Signal Blue or Flare Red, add a shadow, or set the label in capitals.

Building it in code

Height is 44px. Side padding is 16px, or 22px on the pill, with 12px between the mark and the label.
The mark is 17px tall. Set the label at 16px in PP Mori Regular if you license it, or DM Sans if you don't.
Corners are 4px, or fully round on the pill. The outline style has a 1px Dark Grey #7F8EAC border.
On hover and press, the navy button turns Midnight #151E2E and the white and outline buttons turn Chalk #EBEDF2.
Focus gets a 2px Signal Blue ring with a 2px gap.

05 · Using the brand

Using our name and logo.

Go ahead

Use the logo or name to refer to Kodex in articles, event listings, integration directories, and presentations.
Link the logo to kodexglobal.com.
Resize the files as long as the proportions stay the same.

Ask us first

Anything that suggests Kodex endorses, sponsors, or partners with you.
Putting our logo and yours together in a combined lockup.
Using the logo on merchandise or anything you sell.
Using Kodex photography, line artwork, or product screenshots.

The Kodex name and logo are trademarks of Kodex, Inc. Using this kit doesn't give you any other rights to them.

06 · About Kodex

About us.

Copy this description when you need one. In text, write the name as Kodex, with only the K capitalized.

Boilerplate

Kodex is the global network for public-private data exchange. Government agencies submit legal requests through the network, and the companies that hold the data review and respond on secure rails built for the work, with verification and compliance checks on every request. Learn more at kodexglobal.com.

Press and brand questions

John Weeke

jweeke@kodexglobal.com