Brand · assets + usage ▓ PRESS-READY Logos · palette · type · badges

Everything
downloadable.

Logos in SVG + PNG at three sizes, dark + light modes. Palette hex codes. Typography specimen. Accept-crypto embed badges. Photography pack. Everything press-ready, everything usage-documented.

Download kit → Grab a badge

Download · Use · Don't fuck it up

§ Part I / V · Logos

Three lockups.
Two color modes.

SVG + PNG · 3 sizes
Trimmed + padded variants

SymLockupFilesDownload

FULLFull wordmark"OrbChain" logotype with green orb. Dark + light variants.PNG · DARK · LIGHT

TRMTrimmed (tight)Wordmark with minimal padding — for tight layouts, nav bars, mobile.PNG

ICOFavicon + PWA icons16px / 32px / 192px / 512px / apple-touch.512 · 192

OGSocial OG image1200×630 Open Graph preview for Twitter/X, LinkedIn, Slack.JPG

§ Part II / V · Palette

One accent.
Used sparingly.

#3BDB78
Everything else is black + hairlines

SymRoleHex · RGBUsage

ACCOrbChain Green#3BDB78 · rgb(59, 219, 120)ACCENT

INKPage background#050506 · near-black · warmSURFACE

SURPanel surface#0B0B0D · elevated surfaceSURFACE

TXTPrimary text#FAFAF9 · warm whiteTEXT

MUTMuted text#7A7975 · labels + metadataTEXT

RULHairlinergba(255, 255, 255, 0.08)STRUCTURE

DWNDown / error#EF4444 · only for red arrows + failuresSEMANTIC

§ Part III / V · Typography

Bricolage Grotesque.
JetBrains Mono.

Display + body: Bricolage
Technical / data: JetBrains Mono

SymRoleFace · specScale

H1Hero displayBricolage Grotesque · wdth 90 · letter-spacing -0.05em · uppercase13cqw

H2Section headingBricolage Grotesque · wdth 90 · letter-spacing -0.04em · sentence case3.5rem

BODYBody textBricolage Grotesque · wdth 100 · weight 4001rem

MONOTechnical / labelsJetBrains Mono · UPPERCASE · letter-spacing 0.1em+11-13px

CODECode blockJetBrains Mono · lowercase · line-height 1.713px

§ Part IV / V · Accept-crypto badges

Copy. Paste.
"Accept crypto with OrbChain."

HTML embed
Referral tag baked in

HTML badge embed · 3 sizes · 2 modescopy · paste · done

<!-- Small · dark · in-line with your copy -->
<a href="https://orbchain.io/?ref=ORB-XXXX"
   target="_blank">
  <img alt="Accept crypto with OrbChain"
       src="https://orbchain.io/badges/accept-sm-dark.svg"
       height="28">
</a>

<!-- Medium · dark · footer/section banner -->
<img src="https://orbchain.io/badges/accept-md-dark.svg" height="44">

<!-- Large · dark · hero banner -->
<img src="https://orbchain.io/badges/accept-lg-dark.svg" height="72">

<!-- Light variants: swap "-dark" for "-light" on any size -->

Preview + copy badges →

§ Part V / V · Usage rules

Do.
Don't.

Three unforgivable mistakes
We will politely ask you to fix

SymRuleWhyState

✓DO use the logotype at 28px minimum height on screen.Below 28px the ampersand between Orb and Chain collapses.GREEN

✓DO keep clear-space of at least 0.5× logo height on all sides.Letters of the wordmark should not touch adjacent elements.GREEN

✓DO use the dark logo on light bg, light logo on dark bg.Contrast ratio maintained for WCAG AA.GREEN

✗DON'T recolor the orb.The green orb IS the brand. Recoloring breaks recognition and usually breaks the meaning.RED

✗DON'T stretch or skew the wordmark.The letterforms are tuned. If the aspect is off, the whole logo reads wrong.RED

✗DON'T put the logo inside your own branded box or badge.Implies endorsement. We'll ask you to either remove it or clearly label as "built on OrbChain."RED

Grab the kit.
Use it right.

Entire brand as a single ZIP — logos, palette, typography, badges, photography. Updated per release.

Download kit → Questions

Everything downloadable.

Three lockups.Two color modes.

One accent.Used sparingly.

Bricolage Grotesque.JetBrains Mono.

Copy. Paste."Accept crypto with OrbChain."

Do.Don't.

Grab the kit.Use it right.