brand system · current

Brand white. Emerald signal. Money speaks clay.

This is the AntSeed brand plate for the website, AntStation, DIEM Capacity, docs, blog, integrations, and token pages. Brand white is home. Dark green ink carries headings, buttons, and the dark sections. Emerald means network/action/ants. Clay means economics.

Design contract

One palette: the emerald ramp, the warm gray ramp, brand white, ink, clay. Geist for everything, Geist Mono for data. Buttons are ink, 10px radius. Dot-grid backdrops on hero strips. Content stays readable before anything else.

01 · Color roles

Brand White#FFFEFBdefault page background, home surface

Card#F3F2EFraised cards and section wells

Ink#001E12headings, buttons, dark sections, footer

Primary 5#10B981network, action, ants, live state, accents

Primary 7#0A6F4Dlinks and green text on light surfaces

Clay#A16207$ANTS, $DIEM, USDC, fees, burn, contracts

Text 2#4A5A51body and secondary text

Gray 2#DFDEDBborders and hairlines on cards

PRIMARY RAMP · 0 → 9.5 · #F3FEFA → #02130D · base is Primary 5 #10B981

WARM GRAY RAMP · #FDFCF9 → #676663

NetworkActionAnts$ANTS$DIEMUSDCFeesContracts

02 · Typography

Display / Geist MediumThe Open Market for AI Inference

UI + Body / GeistQuiet and readable. Used for navigation, body text, cards, buttons, and product UI. Headings sit at Medium (500) with tight tracking, never heavier than 600.

Data / Geist Mono$ antseed network browse --service minimax
✓ found 23 peers · sorted by reputation

Download AntSeed VPR Explore integrations

03 · Theme behavior

Light is default

Visitors enter on brand white with dark green ink. Light mode is the primary brand environment for homepage, marketing pages, docs, and blog.

defaultMode: light · brand white · ink action

Ink sections & dark mode

Dark surfaces use the ink family (#001E12 → #053827) with brand-white text and emerald accents — for terminal sections, the footer, and the optional dark mode.

ink surface · emerald signal · mono labels

04 · Rules

Light mode is the default. Brand white is the default site surface. Dark mode is available and readable, but secondary.

Emerald means network/action/ants. Use it for live network state, accents, pheromone paths, ant animation, and routing. Links on light surfaces use Primary 7.

Clay means money. Use clay for $ANTS, $DIEM, USDC, fees, buy/burn, emissions, token pages, contracts, and economics sections.

Use “fees,” not “revenues.” Economics copy should not imply equity, profit share, revenue share, or guaranteed return.

Buttons are ink. Primary actions are #001E12 with 10px radius and brand-white text; secondary actions are white with a hairline border. No green pill buttons.

No invisible UI. Pale mint on cream is not allowed. Background decoration — including the dot grid — must never reduce readability.

Headings stay Medium. Geist 500 with -0.02em to -0.03em tracking. No 700+ display headings, no italics for emphasis — use color.

Preserve content and SEO when redesigning. Visual updates should not rewrite page copy, titles, descriptions, canonical behavior, robots metadata, or structured content unless explicitly requested.

05 · Motion motifs

Pheromone Trail

A marching dotted line led by a worker ant. Used as section dividers, progress, and pathfinding.

Marching Border

Animated dashed border for live terminals, active panels, and protocol surfaces.

Centered Journey Rails

Journey sections align on one baseline. The ant sits on the rail line; dot effects trigger exactly as it passes. The Settle node turns clay.

06 · Marks

ANTSEED

$ANTS