Protocol Ether
A settlement protocol rendered in light: violet-black void, cyan lattice, live block data.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
Deep violet-black space crossed by a fine cyan lattice, with a 3D render of interlocking glass nodes as the hero. Squared technical display type, smoked-glass panels and live-looking chain data in mono give it the weight of infrastructure rather than hype. Serious money, moving quietly.
Protocol Ether presents a crypto protocol as serious infrastructure. A deep violet-black void, a fine cyan lattice grid, a full-bleed render of interlocking glass nodes and live-looking chain data everywhere. Squared, technical display type reads as engineered; smoked-glass panels hold the copy. It borrows from network diagrams, scientific visualisation and the architecture of clearing houses, deliberately avoiding coins, rockets and meme energy. It should feel like a system you could trust with a billion dollars.
Principles
- Show the chain: block heights, validator counts, finality times.
- Cyan means action and liveness; violet is depth and atmosphere.
- No coins, no rockets, no moons, no 'to the moon' copy.
- Every yield figure carries 'est.' and a risk note.
- Glass panels over the lattice; never text directly on the render.
Motion
A ticker of live-looking blocks (height, validators, finality time) scrolls under the nav. In the hero, light pulses along the lattice edges between glass nodes every 2.4 seconds — one pulse per block.
Do & don't
Do
- ✓ Show a live-looking block ticker under the nav.
- ✓ Label every yield as an estimate with a risk note nearby.
- ✓ Use mono and tabular figures for all chain data.
Don't
- ✕ Don't show coins, rockets or moons.
- ✕ Don't promise returns or use 'guaranteed' for yields.
- ✕ Don't place text directly on the bright render.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 372 lines of DESIGN.md in total.
More like this
All Industry →
Bright Neobank
No. 050A bank that feels like a good app: electric violet, mint and fat friendly numbers.
Atelier Plan
No. 081An architecture studio's drawing set: plan-paper white, tracing grid, titleblock captions.
Blue Property
No. 082Cobalt blue, a muscular grotesk and a bento of listings, maps and numbers.
Blush Skincare
No. 083Blush pink, clean white space and an italic serif as soft as a moisturiser.
Chambers Heritage
No. 084A heritage law firm: Caslon headings, deep navy, oxblood seals and quiet panelled rooms.
Cream Estate
No. 085Cream paper, black ink and photographs of houses big enough to walk into.