TOAD / WEBSITE BRAND SYSTEM / 12
Paper Pulse.
Warm paper. Big feelings. Small imperfections. A reusable system that keeps the character at the center of every screen.
Selected direction01 / PALETTE
Color with character.
Cream
#F9F1D7
Main surface
Deep green
#144137
Text & primary controls
Toad green
#35D391
Signals & accents
Overall yellow
#F6BE2D
Brush marks & actions
Lime
#B5DB3A
Character backdrops
Chaos red
#E02B2F
Small accents & errors
Use deep green for readable copy on bright colors. Error copy uses #9F2024; red remains an accent. Paper #F4E9C8 adds a quieter secondary surface.
02 / TYPE
Loud. Quiet. Human.
ANTON / DISPLAY
Toad is
having a day.
Condensed uppercase, tight leading. One clear headline at a time.
DM SANS / BODY
Same Toad. Different days.
A friendly, readable voice for the everyday details. DM Sans is the self-hosted web companion to the original Aptos direction.
IBM PLEX MONO / LABELS
SOLANA ยท ALL SYSTEMS CHAOTIC
CAVEAT / HANDWRITING
This feels like a tomorrow problem.
03 / COMPONENTS
Small things. Fully considered.
Actions & states
48px button height, visible keyboard focus, 160ms feedback, and reduced-motion support. Interactive content uses native elements.
Forms
Disclosure
Who is Toad?
Character note
04 / LAYOUT & MOTION
Room to breathe.
Spacing
Shape & grid
8px corners on controls. Fine borders. A 1240px page width with flexible gutters. One column on phones; content expands naturally on larger screens.
Texture & movement
Subtle paper grain, yellow brush marks, and handwritten notes. The ticker can pause. Reduced-motion settings stop continuous animation.
05 / CHARACTER ASSETS
