Wasabi

Acid wasabi on black, dithered hyperspace, loud and crafted.

For memecoins, games, communities, trading bots.

Fig. 04 · Wasabi, top of the sample page
Wasabi look, top of the sample page
Palettes
Wasabi, Persimmon, Robin
Type
Anton, Inter Tight, VT323
Motion
Glitch
Mode
Dark
01IdeaSheet 01/07

Loud but crafted: acid wasabi on black, dithered light streaks and fast, stepped glitch motion.

Why

Most meme and trading pages are pure app chrome or reuse the same purple and orange light streaks. Wasabi keeps the streak idea and dithers it in acid green, which is far more distinctive.

Hero

A short 000 to 100 counter opens the page. Then a centred uppercase headline sits over a burst of dithered light streaks in the accent, with two square buttons running edge to edge.

02PaletteSheet 02/07

3 palettes, one accent at a time.

Pick a palette or an accent: this page switches to it. Click a color to copy it.

Text on background18.0:1AAA
Muted on background5.7:1AA
Label on accent16.1:1AAA

Swap the accent

Every kit can take one of these accents. The page above follows your pick.

03TypeSheet 03/07

3 faces, each with one job.

Specimen · hero headline

Deposit one token, the vault manages the liquidity.

Single-sided liquidity vaults.

01 Display

Anton

02 Text

Inter Tight

03 Accent

VT323

04CompositionSheet 04/07

Hyperspace Burst

On load, the streaks accelerate into the page. Headings decode from scrambled characters, and cards break into a dither pattern on hover.

  1. 01Preloader: a big 000 to 100 counter
  2. 02Hero: centred headline over dithered streaks
  3. 03Large manifesto
  4. 04Square feature cards with ASCII icons
  5. 05Velocity Wall: three rows of $TICKER
  6. 06Steps, token stats in the accent, FAQ
  7. 07Finale: BUY $TICKER fills the screen
Wasabi look: the whole desktop page
Wasabi look: the whole phone page
05MotionSheet 05/07

Fast and stepped: glitches, decodes, velocity.

Signature

Hyperspace Burst

On load, the streaks accelerate into the page. Headings decode from scrambled characters, and cards break into a dither pattern on hover.

Moment

Velocity Wall

Three giant rows of $TICKER, solid, outlined and accent, slide in opposite directions. Scroll faster and they speed up and lean; a sharp flick flashes the outlined row solid.

  • 01Fills and wipes move in hard steps rather than smooth curves.
  • 02Headings decode from scrambled characters as they enter.
  • 03The ticker rows speed up and lean with how fast you scroll.
  • 04In the finale, letters drop in from above in four hard steps.
  • 05Buttons press down 2px, and card hovers switch on a dither in 200ms.

Built with

  • Smooth scroll
  • Text scramble
  • Magnetic buttons
  • Number counters

Opens with a short loader intro, once per visit. Under reduced motion, everything lands in place.

06DetailsSheet 06/07

The small parts.

Nav
Edge-to-edge bar, 44px, 1px #3A3A3A rule, VT323 links 16px, solid accent CTA cell flush right
Buttons
Radius 0, 56px, Anton 20px labels; hover is a 4-step fill wipe in 240ms, press shifts 2px down
Cards
#161616 with a 1px #3A3A3A border, radius 0; hover adds a dither and turns the ASCII icon to the accent
Cursor
A 10px accent square with a dithered trail, on the hero only
Radii
0
Grain
6% animated noise at 12fps on the hero, static elsewhere
Type
Anton uppercase display, Inter Tight text, VT323 pixel labels
07WordingSheet 07/07

An uppercase punch line of 3-5 words that names the thing and the vibe, with an optional second line starting with NO. Max 6 words.

Tone: loud but smart, internet-native.

Button verbs

  • Buy
  • Join
  • Play

Bracketed pixel tags like [01], [LIVE] and [RUN IT]; section titles are 1-3 uppercase words and may end with a period.

Token

The preloader shows the real elapsed milliseconds under its counter, a small nod to how fast on-chain settlement has become.

Start with Wasabi.

Use this look
Next lookNo. 05Persimmon