[ BRAND ]
Brand resources
The canonical Vibestarter mark, color tokens, typography, voice and motion rules — organized for production use. Take the asset; the specification is here when the application demands it.
- 01Brutalist typographyUppercase, tight tracking, bold weights. Headers shout.
- 02Terminal / IDE aestheticMonospace, >_ prompts, // comment labels, line numbers.
- 03Hardware styleSegmented progress blocks, physical button press, corner brackets.
- 04Color disciplineAccent marks active state. Everything passive stays neutral.
- 05Geometric precisionRadius is zero. Corner brackets over rounded borders.
- 06Animation restraintFast, step-based, purpose-driven. Nothing floats.
- 07No decoration without functionEvery visual element communicates state or hierarchy.
[ 01 / Logo ]
Logo
The mark is a terminal prompt and cursor. It ships as exact vector paths — use the asset, never redraw it. One geometry, two working hues, one inversion.
- ×Redrawing or tracing the mark
- ×Rotating or skewing it
- ×Any hue outside green / emerald / black-on-green
- ×Drop shadows or glows as decoration
- ×Low-contrast placement (green on bone)
[ 02 / Color ]
Color
Color marks system state — it is never chrome. Green is active. Blue is secondary information. Persimmon is pro-rata pressure: oversubscription, overflow, refunds. Everything else is neutral, and neutrals are most of every screen.
- One dominant signal per surface. The rest stays neutral.
- Accent means active, engaged, or verified — never decoration, never chrome.
- Errors and challenges use red; warnings use amber. Functional, not brand.
- No gradients on surfaces. The single approved gradient is the green-to-blue text accent, one hero use.
- Backgrounds are flat. No grids, patterns or textures — structure comes from borders and type.
[ 03 / Typography ]
Typography
Two families, strict roles. JetBrains Mono is the operational voice — display, data, labels. Inter carries explanation. If a value is a number the system produced, it is set in mono, bold, tabular.
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
>_ [ ] // { } %
The highlighted glyphs are the visual vocabulary: the prompt, the cursor, bracket labels, comment slashes, and the slashed zero that keeps figures unambiguous.
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
The only sans-serif. Weights 400–600, sentence case, no hype capitalization. It explains; it never announces.
Sans figures drift out of alignment and read as prose. System numbers are telemetry.
[ 04 / Voice ]
Voice
A senior infrastructure operator writing their own docs: direct, technical, slightly dry. The system is the actor — it reports state, names causes, and states next steps. It does not sell excitement.
- Second person for the user (“you”). “We” rarely; “us / our” never in marketing.
- Zero exclamation marks. Zero emoji, anywhere in UI.
- Present tense, short declaratives, precise numbers.
- Body copy is sentence case — “vibecoded” stays lowercase.
- No unqualified protection or safety claims, ever.
Vibestarter is multi-chain. Copy is either chain-neutral (“onchain”) or complete (“on Base and Robinhood Chain”) — never “on Base” alone.
Approved exception: the footer tagline “Built on Base — the onchain home of AI agents.” stays as written.
The revolutionary future of startup funding!
Capital releases on a schedule. Backers can challenge every tranche.
States the mechanism. No superiority claims, no exclamation marks.
Oops! Nothing here yet
[ SYSTEM STANDBY ] — Awaiting input
The system reports its state; it does not apologize or emote.
Something went wrong. Please try again later.
Transaction reverted: challenge window is open. Retry after it closes.
Names the cause and the exact next step. Vague errors are a design failure.
Your funds are completely safe with us.
Contributions are speculative and carry significant risk of total loss.
Fully literal, no softening. Unqualified protection claims are never made.
[ 05 / Motion ]
Motion
Motion is diagnostic. It confirms input, reveals data, or marks a state change — then stops. Fast, mechanical, step-based. If an animation cannot explain something, it is removed.
The press is the machine acknowledging input. No ripples, no glow.
- Springs, bounces, floaty loops, parallax, decorative particles.
- Opacity dims and scale transforms as hover states.
- Ambient cursor blink. The blinking cursor is a crutch — it appears only inside a genuine terminal loader that is literally awaiting a response, never as decoration.
- Anything that ignores prefers-reduced-motion.
[ 06 / Application ]
Application
One system, two registers. Marketing may run monumental — one message at maximum scale. The application stays operational — telemetry, state, and explicit risk. Both share the same type, color and square geometry.
signal.
Marketing — monumental scale, one message, one accent. Narrative pacing is allowed; decoration still is not.
Application — operational density: state, telemetry, segmented progress, and risk stated literally.
[ 07 / Downloads ]
Downloads
Use the system; do not redraw it. Every file is generated from the same values this page displays, so they cannot drift.