00exact
Original block wordmark
The exact first version: literal █ characters, a 7.5s row-major scan, and one orange origin cell.
Throwaway lab / footer treatments
Footer treatments
The first footer version, back on the bench. 00 is the exact original; 01–09 are variations built from it. 10 is now live in the production footer; every variant stays here for future components.
10 is live. The field treatment is in the real footer. 00–09 stay here as component variants for the project.
Selected footer treatment
10 / Dither field
ascii-things®Living ASCII for the web. Built from the original ascii-sharks.
Docs ↗npm ↗GitHub ↗Playground ↗MIT10 live
Click a treatment, or use the arrow keys. Production uses 10 / Dither field; 00–09 stay as component variants. Your choice is remembered in this browser.
01baseline
Horizontal scan
The original row-major pulse. A soft orange band travels across the wordmark and repeats.
02motion
Column sweep
A vertical band moves left to right. Calmer, more like a scanner passing over the letters.
03motion
Letter cascade
Each letter flashes as a whole, then hands off to the next. Reads as a terminal decoding a word.
04motion
Terminal decode
Sparse cells flicker in a deterministic noise pattern. More texture, less predictable.
05interactive
Hover field
No idle motion. Moving across the wordmark lights nearby cells and leaves a fading trail.
06form
Dot matrix
The same glyphs with smaller square cells and more air. Refined, but still clearly ASCII.
07form
Stacked lockup
ASCII over THINGS. A row refresh travels through both lines; the mark gets more vertical space.
08color
Reverse tone
Orange blocks with an ivory scan. Stronger brand color, but louder in the footer.
09texture
Ordered dither
A 4×4 Bayer field redraws the wordmark as a moving dot grid. Canvas dither, not block cells.
10texture
Dither field
The whole footer band becomes a 4×4 Bayer field. The wordmark emerges as a denser region while a slow orange scan crosses the surface.
Footer components
Link cards
Line-scan treatment with pointer bend and on-hover detection. Four real footer links.
Design components
Brand cards
Line-scan card treatment with pointer bend and on-hover detection. Sample brand content.
Selected: Apple