rhodit.
A quieter way to be seen.
Rhodit Media, LLC's brand is Champagne Ivory by day, Burgundy Sotto Voce by night, set in italic Cormorant Garamond. Picked by Will after the six-direction exploration and the five-variant dark iteration. This page is the canonical reference — anything that renders the brand should anchor here.
Palette
Two palettes, one direction.
Light is the primary face — the ivory + bronze + aubergine of the locked Champagne Ivory direction. Dark is its night-time companion — Burgundy Sotto Voce, redder and warmer than the original aubergine plum. Tap any swatch to copy its hex.
Typography
One serif, one sans, one mono.
Cormorant Garamond Italic carries every display surface — wordmark, headlines, taglines, large numerals. Inter handles UI, body, and labels. JetBrains Mono is used only for technical readouts (hex, IDs, timestamps). All three are Google Fonts — no licensing, no hosting cost.
A quieter way to be seen.
Inner Circle · Patrons · Subscribers
Used for the wordmark, hero headlines, taglines, and marquee numerals only — never for body or UI labels.
Approve payout
Cleared through the Mercury operating account at 09:14, settles to Lina's IBAN by 16:00 CET. Audit row written.
Tier · Inner Circle · 14 active
$132,400 · ▲ 18%
audit_id=ar_01HXR3W · sha=4e7c…91a · 2026-05-15T07:14:02Z
Marks
Mark + lockup.
Two SVGs anchor the system. The mark is the standalone glyph — favicon, avatar, audit stamp, anywhere a square is required. The lockup is the mark + wordmark together, for cover surfaces (P&L PDF, legal stationery, marketing). Both are single self-contained SVGs with outlined Cormorant Garamond Italic glyphs — no runtime font dependency. Both inherit currentColor, so a single source ships in any palette context.
The marklogo/mark.svg
The lockuplogo/lockup.svg
Both SVGs use fill="currentColor" / stroke="currentColor", so any embedding context (this page, a Resend email, a PDF cover, the dashboard shell) just sets CSS color — no separate light/dark files to maintain. Per-size PNG / ICO / favicon / OS-icon exports get regenerated on demand when downstream surfaces actually need them.
Tokens
Paste this into any new surface.
Drop the block below into any new Rhodit surface (dashboard, Resend email template, PDF stylesheet, marketing landing). Same vars also live in the docs/business/brand.md spec for non-web reference.
/* Rhodit — locked palette · v1 · 2026-05-15 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
:root {
/* LIGHT — Champagne Ivory (default / canonical face) */
--rh-ivory: #fbf5ec;
--rh-blush: #e8c8b7;
--rh-sand: #c9a77a;
--rh-bronze: #8c6240;
--rh-aubergine: #2e1a1f;
/* DARK — Burgundy Sotto Voce (night) */
--rh-burgundy: #2d1419;
--rh-wine: #4a1a24;
--rh-bordeaux: #6e1a28;
--rh-rosewood: #c68677;
--rh-pink-cream: #fbf1ed;
/* Semantic — light defaults */
--rh-bg: var(--rh-ivory);
--rh-fg: var(--rh-aubergine);
--rh-accent: var(--rh-bronze);
--rh-on-accent: var(--rh-ivory);
--rh-muted: #8c7062;
--rh-line: rgba(46,26,31,0.10);
/* Type stack */
--rh-display: "Cormorant Garamond", Georgia, serif;
--rh-ui: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
--rh-mono: "JetBrains Mono", ui-monospace, monospace;
}
[data-theme="dark"] {
--rh-bg: var(--rh-burgundy);
--rh-fg: var(--rh-pink-cream);
--rh-accent: var(--rh-rosewood);
--rh-on-accent: var(--rh-burgundy);
--rh-muted: #b89aa0;
--rh-line: rgba(251,241,237,0.10);
}
body {
background: var(--rh-bg); color: var(--rh-fg);
font-family: var(--rh-ui);
}
h1, h2, .display {
font-family: var(--rh-display);
font-style: italic; font-weight: 500;
}
Usage
Restraint is the whole point.
The brand reads premium because it's quiet, not because it's decorated. When in doubt, do less.
Do
- Pair Cormorant italic display with Inter UI body — always.
- Use Bronze (light) or Rosewood (dark) sparingly — once per screen, like a highlighter.
- Keep generous margins; Champagne Ivory needs paper around it.
- Render numerals in JetBrains Mono in any financial / technical context.
- Default new surfaces to Light; offer Dark as a user choice.
Don't
- Use Cormorant for body text. Inter does that job.
- Saturate the accents. Bronze and Rosewood are dusty by design.
- Pair with a second display serif (no Playfair, no Fraunces — Cormorant only).
- Render the wordmark in any colour outside Aubergine (light) or Pink Cream (dark).
- Use Bordeaux for body or large surfaces — it's an alert tone, not a fill.
Assets
Direct downloads.
All assets are deterministic SVGs (or ICOs derived from them). Right-click → Save, or tap to open. Source pipeline regenerates everything from outlined Cormorant glyphs — no font dependency at runtime.
Downstream raster / favicon / OS-icon exports are not committed — regenerate from these two SVGs on demand when a surface needs them. Avoids the previous 68-file kit drift; currentColor SVGs are the single source of truth.
Decision history
How we got here.
The brand wasn't picked from a moodboard. It came out of a two-step pick: six full directions, then five dark variants for the locked direction. Both pages stay live as audit trail — refer to them when explaining the choice to a designer or counsel.