Joltzu brand guidelines

Wordmark

The wordmark is the primary Joltzu logo. Use it whenever there is room. It comes in four colors: two for dark backgrounds and two for light ones.

On dark backgrounds

#27252B

Mint (default for dark) The first choice on dark surfaces. wordmark_dark_bg.png SVG

#27252B

White For single-color layouts, or over darkened photos and video. wordmark_white.png SVG

On light backgrounds

#FFFFFF

Green (default for light) The first choice on white and light surfaces. wordmark_light_bg.png SVG

#FFFFFF

Black For single-color print, documents and grayscale layouts. wordmark_black.png SVG

Clear space and minimum size

180 px

80 px minimum

Keep clear space of at least half the wordmark's height on every side. No text, edges or other logos inside it.
Minimum width is 80 px on screen and 20 mm in print. Below that, switch to the mark.
Match the background: mint or white on dark, green or black on light. Use #27252B or #FFFFFF when you need a panel behind it.
Use the files as they are. Scale them proportionally and don't recolor, crop or rebuild them.

Mark

The bolt J on its own. Use it in tight spaces where the wordmark won't fit, such as small UI, watermarks and stickers. Color pairing, clear space and misuse rules are the same as for the wordmark.

Joltzu mark in white — **White**Dark backgroundsmark_white.png SVG

Joltzu mark in dark green — **Green**Light backgroundsmark_light_bg.png SVG

Joltzu mark in black — **Black**Light backgroundsmark_black.png SVG

Clear space and minimum size

Keep clear space of a quarter of the mark's width on every side.
Minimum size is 16 px on screen and 4 mm in print. For the browser tab favicon, use the files in the favicon set.
The mark is the brand, not the token. For $JOLT, use the token icon below.

$JOLT token icon

Use token.png for $JOLT in wallets, exchanges, block explorers, token lists, charts and price tickers. It has its own green background, so the same file works on both dark and light themes.

On dark

JOLTJoltzu12,480.00

ETHEther1.42

On light

JOLTJoltzu12,480.00

ETHEther1.42

Upload the square file. Most wallets crop it to a circle. The J sits safely inside, so circle, rounded and square crops all work.
Minimum size is 16 px, which is common in token lists.
Write the ticker as $JOLT in running text, and as JOLT in tables and token lists.
Always use the green tile for $JOLT, on both dark and light backgrounds. The dark tile is never the token.

token.png token.svg

App icon

Square tiles for places that represent Joltzu the project, such as app stores, home screen shortcuts, web app installs, and profile pictures on social and community platforms.

Supply the square file. Platforms apply their own rounded or circular mask.
The green tile works anywhere. Use it when you can only upload one icon.
Don't add borders, badges or text on top of the icon.

Banners

Ready-made 3:1 headers for X, Discord, YouTube, newsletters and article covers.

Joltzu banner with dark gradient — **Gradient**The default social header.header_gradient.png SVG

Joltzu banner on dark — **Dark**A flat dark variant.header_dark.png SVG

Joltzu banner on light — **Light**For light-themed pages and print.header_light.png SVG

Colors

Four core colors cover almost everything. Primary is the accent and isn't meant to fill whole layouts. Click a swatch to copy its hex value.

Supporting

Readable pairings

AaPrimary on dark, 10.9:1

AaDark on primary, 10.9:1

AaPrimary dark on white, 4.8:1

AaWhite on primary dark, 4.8:1

Never use Primary for text on white. It is too light to read. Use Primary dark instead.

Typography

Space Grotesk is the Joltzu typeface for headlines, body text and UI. It is free on Google Fonts. The wordmark is custom lettering, so never type it out in a font.

Space
Grotesk

Aa Bb Cc Dd Ee Ff Gg 0123456789 $JOLT

Regular 400, body

Medium 500, UI and labels

Bold 700, headlines

If Space Grotesk isn't available, fall back to the system sans-serif. Don't swap in another display font.

DisplayBold, 56 px, −2% tracking

Safety-first L1

HeadingBold, 32 px

Native orderbooks, shared liquidity

BodyRegular, 16 px, 1.55 line height

An EVM L1 with AI agents, circuit breakers and a Security Council for the masses.

LabelMedium, 14 px

Connect wallet

Misuse

These rules apply to the wordmark, mark, token icon and app icon. When in doubt, use an untouched file on a plain #27252B or #FFFFFF background.

Don'tstretch, squash or skew it.

Don'trotate it or set it at an angle.

Don'trecolor it or add gradients.

Don'tput a dark-background variant on light, or the reverse.

Don'tadd shadows, outlines or other effects.

JOLTZU

Don'tretype the wordmark in any font.

Don't place logos on busy or low-contrast images. Darken the image or use a solid panel.
Don't merge Joltzu with other logos. In partner lockups, put a thin divider between the logos and keep clear space on both sides.
Don't imply endorsement. Using these assets doesn't mean Joltzu officially supports a product, listing or campaign.

Files

Every asset ships as PNG in png/ and as SVG in svg/, with the same file name. The PNGs are high resolution with transparent backgrounds, except the app icons and banners.

File	Size	Use
wordmark_dark_bg, wordmark_white	3000 × 507	Primary logo on dark backgrounds
wordmark_light_bg, wordmark_black	3000 × 507	Primary logo on light backgrounds
mark_dark_bg, mark_white	2048 × 2048	Compact logo on dark backgrounds
mark_light_bg, mark_black	2048 × 2048	Compact logo on light backgrounds
token	2048 × 2048	$JOLT token icon, and app icon on dark backgrounds
icon_light_bg	2048 × 2048	App icon on light backgrounds
header_gradient, header_dark, header_light	5000 × 1667	Social headers and covers

Brand guidelines

Wordmark

On dark backgrounds

On light backgrounds

Clear space and minimum size

Mark

Clear space and minimum size

$JOLT token icon

App icon

Banners

Colors

Supporting

Readable pairings

Typography

Misuse

Files