Launch a stablecoin built to last.

01

Essence

A stablecoin factory that people can trust for decades. The brand says so by being calm.

Monolith is the permissionless stablecoin factory on Ethereum: anyone can launch a crypto-backed stablecoin, borrow it, stake it, redeem it and govern it through its DAO.

Monolith takes its name and its stance from standing stones: plain, heavy, unmoved by weather. Stablecoins launched on Monolith start flexible and turn immutable on a deadline; the brand carries that promise as quiet confidence rather than noise.

• Tagline: “Launch a stablecoin built to last.”
• Subline: “Launch with flexibility. Transition to immutability.”
• Ownership: Owned by Inverse Finance DAO.

02

Principles

Five rules every screen, post and asset follows.

03

Logo

The mark is a standing slab, cut on two corners. Orange on paper, always flat.

• Mark, orange (SVG)Primary
• Mark, ink (SVG)One-color print and stamps
• Mark, paper (SVG)On ink or photos with a band
• Lockup on paper (PNG)1600 px wide, transparent
• Lockup on ink (PNG)1600 px wide, transparent

04

Color

Paper, ink and one orange. Light only: one theme to build, test and keep consistent.

• Text uses ink, ink soft or muted. Muted (#696760) is the lightest text color: 4.9:1 on paper, 5.4:1 on surface.
• Orange #FF7230 is 2.35:1 on paper, so it never carries text. Small orange text uses #B04A17; the active nav underline uses #D45A20. Yields and earnings use #D45A20 at 24px and up (3.4:1, past the 3:1 large text needs) and #B04A17 below.
• Primary buttons are ink with paper text (16.5:1). The one orange button per page, if any, carries ink text (6.4:1).
• States come in pairs: the color for the word, its tint for the chip or notice behind it (all above 4.6:1).
• Charts: series in this order: #1A1A1A, #FF7230, #A9A69B, #2E7550, #8A5D0E. Lines in ink on a light area; gridlines in rule.

05

Typography

Lora for titles and the figures that matter; Inter for everything else.

• Both families load from Google Fonts: Lora 400–700 (and italic), Inter 300–800.
• Figures are Inter or Lora with tabular numerals, never a monospace font.
• Sentence case everywhere: “Connect wallet”, “Your position”. No ALL-CAPS labels in the app.
• Italic Lora in orange strong is a display accent for the website and campaigns only (“built to last.”), never in the app.
• On the website, small tracked capitals (e.g. “ETHEREUM MAINNET”) serve as eyebrows above headlines.

06

Voice and naming

Plain words, short sentences, exact numbers. Say what happens, then stop.

• Buttons are a verb and, when needed, an object: “Deposit & borrow”, “Stake SwanUSD”, “Connect wallet”.
• Labels are one to three words. Helper lines are six words or fewer. Longer explanations go behind an info icon.
• Errors say what to do: “Exceeds wallet balance”, “Switch to Ethereum”.
• Risk is stated plainly, once, with a link to the full text: “Read the risks.”
• No hype: no “revolutionary”, “to the moon”, rockets or countdowns in the product. Campaigns may be playful; the product never is.

07

Features

Eight product areas. Each has one name, one icon, one line and one figure it leads with.

Stablecoins

Top bar · /coins

Every stablecoin on Monolith in one list: what is locked, what borrowing costs, what stakers earn.

$982Klocked

Icon

Coins

Say

stablecoin · locked

Avoid

coin · Markets · TVL

Example: Comparison post

Deploy

Top bar · /deploy, titled “Deploy a stablecoin”

Launch your own stablecoin, with its own DAO if you want one, in a single transaction.

1transaction, about two minutes

Icon

Rocket

Say

launch a stablecoin · Deploy (the page)

Avoid

create a token · fork · mint a coin

Example: Launch post

Borrow

A stablecoin’s first tab

Borrow the stablecoin against your collateral, at a variable rate or interest-free.

1.19%APR, variable; or 0% interest-free

Icon

HandCoins

Say

borrow · collateral · variable rate · interest-free loan

Avoid

free debt · CDP · vault

Example: Feature post

Stake and Earn

A stablecoin’s Stake tab · top bar “Earn” (/earn)

Earn what borrowers pay, plus governance tokens, by staking the stablecoin; stake those to share the revenue.

150%APY

Icon

Sparkles TrendingUp

Say

stake · Savings · staked SwanUSD (sSwanUSD) · governance tokens

Avoid

vault share · farm · GOV

Example: Milestone post

Redeem

A stablecoin’s Redeem tab

Turn the stablecoin into $1 of its collateral, straight from the protocol, without a buyer.

$1.00of collateral each, less a fee

Icon

ArrowDownUp

Say

redeem · collateral · redemption fee

Avoid

burn · cash out · withdraw

Example: Captions sample

Trade

A stablecoin’s Trade tab, with two sub-tabs: the stablecoin and its governance token

Buy or sell the stablecoin through its PSM or a DEX route, whichever pays more, and its governance token beside it.

1:1through the PSM

Icon

Repeat

Say

trade · buy · sell · PSM (peg stability module)

Avoid

a separate “Buy SWAN” tab · arbitrage

Example: Peg chart

DAOs

A stablecoin’s DAO tab (Overview, Proposals, Technical) · /daos

Holders run the stablecoin: governance tokens with a fixed supply, staking rewards, a revenue share, a treasury and on-chain votes.

10,000,000governance tokens, fixed

Icon

Landmark

Say

DAO · governance token · proposal · vote · treasury

Avoid

CoinDAO · GOV · governor

Example: Governance post

Dashboard

Top bar · /dashboard

Everything you borrow, stake and earn, across every stablecoin, in one place.

$12,480net value

Icon

LayoutDashboard

Say

your positions · net value · earning

Avoid

portfolio · PnL

Example: Count-up sample

• Names are written exactly as in the app, in sentence case: Stablecoins, Deploy, Borrow, Stake, Earn, Redeem, Trade, DAOs (a stablecoin’s tab says DAO), Dashboard.
• Icons are Lucide, as in the top bar and the coin tabs. The open tab’s icon is orange; everywhere else they are muted or ink.
• Lines lead with what people get, then how, in one sentence. Posts take the figure, never a paragraph.
• On a stablecoin’s page, Trade is one tab with two sub-tabs, the stablecoin and its governance token; there is no separate “Buy” tab.
• Other icons: Stats is ChartColumn (BarChart3), Docs is BookOpen, an airdrop tab is Gift.

08

Numbers and data

Fewer, plainer numbers: three or four per view, rounded, in ink. Details on demand.

Numbers are never colored for decoration. What you earn is orange; a value turns green, amber or red only when it is a state, and then a word goes with it.

09

Layout and spacing

An 8-point grid, a 1280px container, one card level and hairlines.

10

Components

One set of parts for every screen. In code: src/components/ui.

11

Icons and imagery

Lucide line icons in muted ink. Black-and-white stone photography in the shape of the mark.

• Icons: Lucide, 2px stroke, 16px in text and tabs, 20px in empty states. Muted by default; ink when active; orange only for the open tab.
• Token logos are circles; a coin’s collateral sits at its lower right with a paper ring.
• Photography: black-and-white standing stones and monoliths, high contrast, cropped into the mark’s slab shape. Never color photos, never stock 3D coins.
• Illustration and diagrams: ink lines on paper, one orange highlight, 1–2 word labels.
• Product shots: real screens on paper, lifted as cards with the overlay shadow.

12

Motion and video

Calm, precise, editorial. Motion shows what changed, then gets out of the way.

• Title card (MP4)Sample, 5 s
• Transition (MP4)Sample, 5 s
• Screencast (MP4)Sample, 7 s
• Chart in one sweep (MP4)Sample, 6 s
• Count-up (MP4)Sample, 5 s
• Captions (MP4)Sample, 7 s
• End card (MP4)Sample, 4.5 s

13

Sound

One track under every film, one voice to tell the story, and a few real sounds.

• The Monolith track

  The redesign film’s cut: the intro, the drop at 11 s, the final chord ringing out.

  44.5 s · M4A

• With its sounds

  The same cut with the clicks and hits over it, as the film plays it. The reference for levels.

  44.5 s · M4A

• Short cut

  Straight into the lead-in, the drop at 5.5 s. Bars 12-15, 16-23, 24-27.

  22.5 s · M4A

• Medium cut

  The drop at 11 s. Bars 0-3, 12-15, 16-23, 24-27.

  28 s · M4A

• Long cut

  The drop at 11 s, with more of its phrase. Bars 0-3, 12-15, 16-23, 16-23, 16-23, 16-19, 24-27.

  55.6 s · M4A

• Original take

  Untouched, and the source of every cut. −13.7 LUFS with peaks at 0 dBTP, so use a cut in a film.

  39 s · MP3

In a film

Sounds

• Click

  Every click of the pointer, with a little Block under it. A deep mechanical key: it reads as a real click over the drums.

  0.5 s · MP3

• Key

  One key as a caret appears, not one per word.

  0.5 s · MP3

• Tick

  As a chart’s sweep passes a mark.

  0.5 s · MP3

• Block

  Alone when a part lifts off a page, and quietly under each Click.

  0.5 s · MP3

• Boom

  The big hits: one word that lands, and the mark at the end.

  1.5 s · MP3

• Punch

  Over each Boom, which is nearly all sub-bass: a phone can’t play it alone.

  1 s · MP3

• Thump

  Under the last Boom, as the mark lands.

  1 s · MP3

The redesign film’s mix. Peaks are in dBFS, over the cut at the original take’s level and before the limiter that brings the whole to −14 LUFS.

Voice

• Opening

  “Most stablecoins are built for good days. Monolith is built for the worst one. Here’s what that looks like, hour by hour.”

  7.5 s · MP3

• Story

  “Midnight. The worst day is over. Your stablecoin is still backed, still redeemable, still yours.”

  6.2 s · MP3

• End line

  “Monolith. Stablecoins built for the worst day.”

  3 s · MP3

A new length

# recut.mjs and the original take in one folder; it needs Node and ffmpeg
node recut.mjs new-cut.wav 12-15,16-23,24-27

• Give it the bars to play, in order. Each splice falls on a bar line, with a 12 ms crossfade.
• Keep to the joins already proved: bar 3 into 12, 23 into 16 and 19 into 24, plus the take’s own order.
• A cut ending on bars 24–27 runs bars × 1.379 + 0.4 s and keeps the final chord ringing. Ending on any other bar stops dead on the bar line.
• Bar n starts at −0.017 + n × 1.3793 s in the original take.
• It writes a 24-bit, 48 kHz WAV at about −14 LUFS.

• recut.mjsThe cutter
• monolith-track-original.mp3What it cuts

14

Profiles

One avatar everywhere, and a header that stays clear of it.

Monolith@MonolithMarket

Launch a stablecoin built to last. Owned by Inverse Finance DAO.

Monolith@MonolithMarket

Launch a stablecoin built to last. Owned by Inverse Finance DAO.

• Sizes: upload the 800 × 800 file; X shows it at up to 400 × 400, Discord and Telegram at 512 or less. A 400 × 400 copy is there for tools that want one.
• Circle-safe: the mark is centred and at most 55% of the diameter (it is 52%), so every circle crop keeps it whole.
• Flat colour only: no blooms, texture or shadow in an avatar; it has to read at 32 px.
• DAOs and partners use their own stablecoin’s logo, never the Monolith mark, and say “Built on Monolith” in the bio.
• X header (1500 × 500): the avatar covers the lower left from about two thirds of the height down (y 330 on a 500 px header), and phones crop the top and bottom. Set the lockup and one line left-aligned at the 96 px margin, in the upper middle band (y 110–300), so they end above the avatar’s top edge.
• Every other header or cover (LinkedIn, YouTube, Discord) follows the same rule: find where the platform puts the profile picture and its crop, keep both clear.

• Avatar, orange on paper (PNG)800 × 800
• Avatar, orange on paper, small (PNG)400 × 400
• Avatar, paper on ink (PNG)800 × 800
• Avatar, paper on ink, small (PNG)400 × 400
• Avatar, ink on orange (PNG)800 × 800
• Avatar, ink on orange, small (PNG)400 × 400
• X header (PNG)1500 × 500, clear of the avatar

15

Social media

Picture first: one graphic, a two-to-five-word headline, one-or-two-word labels. The detail goes in the post.

• Flat paper (#F0EEE6), ink type, hairlines (#DFDCD1) and one orange accent: an italic word, or the second series of a chart. No gradients, glows, blooms, grain or textures; the only shadow is the overlay shadow under a product shot.
• A masthead on every post: the lockup at the top left, one word or the thread’s place (2/6) at the top right, a hairline under both.
• Posts are drawn at twice the app’s size: hairlines 2 px, corners 8 px for chips, 12 px for controls and 16 px for cards.
• Lora 500 for headlines and figures, with one orange italic word at most; figures stay ink. Inter for labels at 24–36 px, so they still read when X shows the image about 506 px wide.
• Real UI only: screens are captured from the running light app (scripts/brand/render-assets.mjs --capture), never drawn or mocked up.
• Token icons are flat circles; a stablecoin’s collateral sits at its lower right in a paper ring.
• Numbers in the templates are illustrative; posts use real, rounded figures from the app.

• Launch (JPG)1600 × 900
• Thread diagram (JPG)1600 × 900
• Area chart (JPG)1600 × 900
• Comparison (JPG)1600 × 900
• Backing donut (JPG)1080 × 1080
• Peg chart (JPG)1600 × 900
• Feature (JPG)1600 × 900
• Governance (JPG)1600 × 900
• One number (JPG)1600 × 900
• Milestone (JPG)1080 × 1350
• Thread cover (JPG)1600 × 900
• Thread end (JPG)1600 × 900
• Quote (JPG)1080 × 1080
• Link preview (PNG)1200 × 630

16

Accessibility

Readable by everyone, with any input, in any light.

• Text meets WCAG AA: 4.5:1 or more, measured on paper and on surface (see Color).
• Nothing under 12px; body copy 14px or more.
• Color never carries meaning alone: every state has a word.
• Focus is a 2px ink outline, offset 2px, on every interactive element.
• Tooltips open on hover, focus and tap; their content is also reachable without a mouse.
• Motion respects “reduce motion”.
• Images carry alt text that says what they show.

17

Tokens in code

The app reads these tokens; this page and /brand.json mirror them.

@theme {
  --color-paper: #f0eee6;
  --color-paper-deep: #e8e5db;
  --color-surface: #faf9f5;
  --color-rule: #dfdcd1;
  --color-rule-strong: #c9c6bb;
  --color-ink: #1a1a1a;
  --color-ink-soft: #3d3d3d;
  --color-muted: #696760;
  --color-faint: #a9a69b;
  --color-on-ink: #faf9f5;
  --color-brand: #ff7230;
  --color-brand-strong: #d45a20;
  --color-brand-text: #b04a17;
  --color-brand-tint: #f8e2d3;
  --color-positive: #2e7550;
  --color-positive-tint: #e2ede4;
  --color-caution: #8a5d0e;
  --color-caution-tint: #f3e8cf;
  --color-negative: #b03a2a;
  --color-negative-tint: #f5e1db;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Lora", Georgia, serif;
}

• Tailwind classes follow the names: bg-paper, bg-surface, text-ink, text-muted, border-rule, bg-positive-tint text-positive.
• Components: import { Button, Card, Chip, Stat, Segmented, TabBar } from "@/components/ui".
• Tokens source: src/styles/globals.css. Brand content source: shared/brand.ts.
• Machine-readable: /brand.json (tokens and rules) and /brand.md (this page as Markdown).