Brand kit · v1.1.0 · updated 2026-10-11

The Styx Finance brand

The logo, colors, typography and content rules for everything published as Styx Finance: this site, the app, social posts, docs and partner material. Use the files as they are; the rules below explain how.

Download brand kit (ZIP)Logo files

01 · Logo

Two Realms · Meander

A coin-like circle split into two realms: the upper world of the living (Obol Gold) and the Underworld below (Underworld Shade). Between them runs the river Styx, drawn as a Greek key (meander), a name that comes from the winding river Maeander.

The upper realm

The world of the living, in Obol Gold.

The river Styx

Drawn as a Greek key (meander) and cut out of the coin, so the background shows through.

The lower realm

The Underworld (Hades), in Underworld Shade.

The circle is a coin: Greek tradition says the dead paid the ferryman Charon an obol for the crossing into the Underworld. The files are generated from exact geometry; never redraw the mark by hand.

Mark

Dark backgrounds

SVG PNG

Mark · ink

Light and gold backgrounds

SVG

Mark · white

Photos and colored images

SVG

Logo

Headers and app chrome on dark

SVG

Logo · ink

Headers on light

SVG

Logo · white

Photos and colored images

SVG

Lockup

Footers, documents, partner material

SVG PNG

Lockup · ink

Documents and print on light

SVG PNG

Lockup · white

Photos and colored images

SVG

App icon and favicon

The gold mark on an ink tile, the only container the mark may sit in. The favicon is the mark itself. The 180 px PNG is full-bleed for iOS, which rounds the corners itself.

Favicon SVG Favicon 32 px PNG App icon SVG 512 px PNG 192 px PNG 180 px PNG

Clear space

¼¼¼¼

At least 1/4 of the mark's height on every side (16 units on the 64-unit grid). For the logo and lockup, measure from the mark.

Minimum size

Shown at actual size.

Mark: 24 px
Favicon only: 16 px
Logo: 20 px tall
Lockup: 24 px tall

In print, the mark is at least 8 mm wide.

Backgrounds

dark

Use the gold mark, logo or lockup (…-ondark).

light

Use the ink versions (…-ink, …-onlight). Never put the gold mark on a light background.

gold

Use the ink mark.

photo

Use the white versions on images with enough contrast.

Never

Recolored

Gold on light

Stretched

Rotated

Glow added

Put in a shape

Recolor the mark outside the palette, or use the gold mark on a light background.
Fill, close, straighten or move the river, or change where the realms split.
Add gradients, outlines, shadows, glows or 3D effects.
Rotate, stretch, crop or put the mark inside another shape (the app-icon tile is the only container).
Rebuild "Styx Finance" in another font, or set the wordmark without the mark.
Show a partner logo (Arc, Circle, Morpho…) larger or more prominently than the Styx logo.

02 · Color

Obol Gold on ink

Obol Gold

#E3B24F · styx-500

The brand color: the mark, primary buttons, links, highlights. Use sparingly (about 5% of a layout).

Underworld Shade

#614F29 · styx-800

The lower realm of the mark; dark gold tints and quiet fills.

Gold scale

styx-200

#F6E7C3

styx-300

#F0D48F

styx-400

#E9C26A

styx-500

#E3B24F

styx-600

#C7962F

styx-700

#9B7323

styx-800

#614F29

Ink scale

ink-950

#07090B

ink-900

#0B0D10

ink-850

#101317

ink-800

#14181D

ink-700

#1C2127

ink-600

#262C33

ink-500

#3A424B

ink-400

#5D6772

ink-300

#8B95A0

ink-200

#B9C1C9

ink-100

#E2E7EB

ink-50

#F4F7F6

Status (never brand)

success

#3FD68F

warning

#FF9A4D

danger

#FF6B6B

Proportion

Default ground is ink-900 (#0B0D10). Cards use ink-850 with an ink-700 border.
Body text is ink-50 on dark; secondary text ink-300; never below ink-400 for readable text.
Gold is for brand and action. Status always uses the status colors, never gold.
Text on gold surfaces is ink-950.

03 · Typography

Jost and JetBrains Mono

Jost

Headlines, interface and body. Weights 400, 500, 600. SIL Open Font License 1.1.

Get Jost from Google Fonts

JetBrains Mono

Numbers, prices, addresses, code, eyebrows. Weights 400, 500. SIL Open Font License 1.1.

Get JetBrains Mono from Google Fonts

Display

Jost 600 · 56–84px

Cross to Arc

Heading

Jost 600 · 24–40px

Lend USDC through Morpho vaults

Body

Jost 400 · 16–18px

Styx is a chain-abstracted liquidity hub built on Arc.

Data

JetBrains Mono 500 · 14–32px

Chain ID 5042

Eyebrow

JetBrains Mono 400 · 12px

Lend on Arc

04 · Graphic devices

River, key and realms

Use one or two devices per surface. No other illustration styles, stock 3D renders or AI-generated imagery.

River line

Section divider: a gold line at 35% opacity with the Greek-key turn in the middle (MeanderRule).

Security

Meander glyph

Small Greek-key turn before eyebrow labels (MeanderGlyph).

Built on Arc

Two realms

Large cropped mark at 12–16% opacity behind hero copy or social images; a brighter upper area and a shaded lower area.

River lines

Diagonal hairline texture in gold at 5% opacity on cards.

05 · Voice

Calm, precise, sourced

English only, with American spelling (color, center).
Facts only: every number comes from a live source or a cited document; never placeholder or projected figures.
Calm and precise. No hype words ("guaranteed", "risk-free", "to the moon") and no promised returns.
Name the protocol that does the work (Circle, Across, Uniswap, Morpho) and link its docs.
Always state that DeFi carries risk of loss and that Styx is non-custodial.
Mythology is a light accent (crossing, river, realm, obol), accurate to the Greek sources, never a costume.
Arc partner rules: say "built on Arc", use "Arc Network" on first reference, include the Arc trademark attribution, Arc logo ≥ 50px tall and never more prominent than the Styx logo.

Write

Vault APY is variable and shown live from Morpho.

Bridge USDC to Arc with Circle CCTP.

DeFi carries risk of loss. Styx is non-custodial.

Avoid

Guaranteed 20% APY.

Risk-free yield on Arc.

Pay the ferryman and your soul crosses to riches.