We’re Scaling DeFi

We’re Scaling DeFi

kpk Logo

Primary Logo

PRE1.svg

Logo Mark

PRE2.svg

Vertical Logo

Our mark can be positioned above kpk to form a vertical lockup.

PRE3.svg

Neutral Logo

pre4.svg

The neutral color logo is intended for use in environments that support dark and light themes but do not allow separate logo colors for each theme. While it’s not meant to be the primary option, it can be used when theme-specific logos are not feasible.

Clearspace

Clear space is the minimum margin surrounding the logo to ensure its visibility and impact. It prevents the logo from feeling crowded by other elements.

1. How to Calculate Clear Space:

The clear space is determined by dividing the kpk icon's size by 2.

2. Example Calculation:

This means there should be a margin of 100 pixels on all sides of the icon.

3. Application Rule:

Formula: Clear Space = Icon Size / 2

Formula: Clear Space = Icon Size / 2

Social Profile Avatar

avatar-dark.png

avatar-light.png


Font

Typeface

kpk uses IBM Plex Mono (headings and buttons) and **IBM Plex Sans** (paragraphs) for the typeface. Drawing from their technical design heritage, the monospaced and sans-serif styles embody efficiency, transparency, and reliability.

Font Sizing

We use a Major Second (8:9 or 1.125) ratio for font size.

typeface.svg

6 px 10 px 16 px 26 px 41 px 66 px 105 px 169 px 270 px
7 px 11 px 18 px 29 px 46 px 74 px 119 px 190 px 304 px
8 px 13 px 20 px 32 px 52 px 83 px 133 px 214 px 342 px
9 px 14 px 23 px 36 px 58 px 94 px 150 px 240 px 385 px

Colors

Untitled


Backgrounds

kpk-rectangle-background-dark.png

kpk-lines-background-dark.png

kpk-lines-background-light.png

kpk-rectangle-background-light.png