Skip to main content

​
Wordmarks

Each product uses the same emblem with its own word and color. Use the light wordmark on light surfaces and the dark wordmark on dark surfaces.
openOracle wordmarkopenOracle wordmark
openOracle
LightDark
openSwap wordmarkopenSwap wordmark
openSwap
LightDark
openLend wordmarkopenLend wordmark
openLend
LightDark
openPunt wordmarkopenPunt wordmark
openPunt
LightDark
openScan wordmarkopenScan wordmark
openScan
LightDark

​
Icon mark

The standalone emblem. Color it with the product it stands for.
openOracle icon mark
openOracle — Red
SVG
openSwap icon mark
openSwap — Teal
SVG
openLend icon markopenLend icon mark
openLend — Ink
LightDark
openPunt icon mark
openPunt — Blue
SVG
openScan icon mark
openScan — Amber
SVG
Use these variants based on background and emphasis needs. The icon mark is the standalone emblem.

​
Color palette

Red
#FF0420 · openOracle
Teal
#00CF9C · openSwap
Ink
#111111 · openLend
Blue
#0218E2 · openPunt
Amber
#FFB000 · openScan
Paper
#FFFFFF · dark-surface ink

​
Typography

Berkeley Mono
Example
Berkeley Mono Archive Display
Example
Berkeley Mono P2P Display
Example
Berkeley Mono Scan
Example
Berkeley Mono Orders Alert
Example
Berkeley Mono Protocol Timeline
Example
Berkeley Mono Variable
Example

​
Decorative elements

Decorative elementDecorative corner elementDecorative element variantDecorative element variant
Use decorative assets to add subtle motion or framing in backgrounds. Keep opacity low on dense layouts.