# Kodex Brand Kit | Logos, Colors, and Type Source: https://www.kodexglobal.com/brand > Download the Kodex logo and the Sign in with Kodex button, and get the brand colors, typefaces, and rules for using them. 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 logos ZIP · 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 backgrounds SVG PNG For light backgrounds SVG PNG #### Mark For small spaces where the full logo won’t fit, once the Kodex name appears nearby. For dark backgrounds SVG PNG For light backgrounds SVG 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 backgrounds SVG PNG For light backgrounds SVG PNG #### Contained mark The mark on a solid tile, for app icons, avatars, and other small squares. For dark backgrounds SVG PNG For light backgrounds SVG 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 set ZIP · 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