88×31 micro-buttons
88×31 micro-buttons
Section titled “88×31 micro-buttons”Related: Y2K · Nekoweb and plain HTML · Nightcore · Frutiger Aero · Identity buttons · README
Summary
Section titled “Summary”88×31 (eighty-eight by thirty-one pixels) is the classic micro-banner / web button size of the late-90s and early-2000s personal web: Netscape Now–style “get this browser” badges, GeoCities neighborhood buttons, webring chips, guestbook links, “best viewed with…,” anime-site badges, and friendship link walls.
They are a core grammar of handmade personal-web craft (Y2K anime-shrine branch · Nekoweb and plain HTML), not Frutiger Aero glass chrome and not product UI tokens.
Working thesis for Designy: Steal the philosophy (mutual linking, personality, place-ness) on shrine / about / marketing pages; keep default product chrome Frutiger-calm. Ship your own 88×31 if you want friendship-web energy — don’t paste random uncredited character art into SaaS chrome.
Confidence: High on size convention, cultural role, and archive primary sources below. Medium on any single “origin” story (several lore threads circulate). Low on treating any one badge set as universal canon — sites mixed dozens of idiosyncratic buttons.
What they are
Section titled “What they are”| Trait | Detail |
|---|---|
| Size | 88×31 px — wide short “micro bar” |
| Formats | Mostly animated or static GIF; also PNG today |
| Placement | Footers, sidebars, “button walls,” webring rows, shrine link farms |
| Jobs | Affiliation, fandom, browser advocacy, host branding, mutual links, jokes |
Not the same as: app toolbar icons, Frutiger glossy CTAs, Win7 Aero chrome (Windows 7 Aero), or nightcore YouTube thumbnails (Nightcore).
Origin lore (competing threads)
Section titled “Origin lore (competing threads)”No single inventor; several overlapping explanations people repeat:
- Netscape Now — Early browser-marketing badges (“Netscape Now!”) popularized a short wide chip that other vendors and fans copied; many archives still center Netscape-family
*now*GIFs. - GeoCities / free-host culture — Neighborhood and “free home page” buttons (Tokyo, Hollywood, Silicon Valley, etc.) flooded personal sites; the size became the default social badge.
- IAB / ad micro-bar adjacency — Industry micro-banner sizes of the era sat near this footprint; personal web borrowed the shape for non-ad friendship links (lore more than a strict standards citation).
- Webring / guestbook / “best viewed with” — Once the slot existed, rings, counters, validators, and joke badges filled it.
Treat these as cultural origin theories, not a single patent story. What matters for design: the size became a shared social unit of the old web.
Role in personal-web craft
Section titled “Role in personal-web craft”- Friendship graph without algorithms — linking someone’s button = linking their place (Nekoweb and plain HTML).
- Shrine / anime web density — otaku hubs stacked host, ring, and fandom badges (Y2K anime vibe branch).
- Authorship signal — handmade pages announce tools, hosts, politics, humor.
- Revival — Neocities / Nekoweb sites still trade 88×31; collectors mirror GeoCities-era sets.
Product vs shrine
| Context | Guidance |
|---|---|
| Personal homepage / Designy “shrine mode” | Button rows OK; mutual links; optional opt-in BGM elsewhere |
| Marketing about / friends page | Sparse curated badges; prefer your button |
| Default app shell | Avoid — not chrome; not trust UI |
Do / Don’t
Section titled “Do / Don’t”- Copy badges you have rights / permission to reuse into your own hosting (archives below often say copy OK).
- Prefer local files over hotlinking (dabamos: “avoid hot-linking if possible”).
- Make your own 88×31 for Designy / personal site identity.
- Credit collections when you document research (this vault).
- Keep buttons on craft / shrine / friends surfaces — not form chrome.
- Don’t hotlink archive hosts as a CDN.
- Don’t treat 88×31 glitter as Frutiger Aero or Win7 glass.
- Don’t scrape copyrighted character stills into “buttons” for product UI.
- Don’t use hit-counter / “under construction” badges as SaaS trust signals.
- Don’t dump a GeoCities wall behind readable body text.
Contemporary cousin: identity pills
Section titled “Contemporary cousin: identity pills”fluffmoth’s id buttons (idbuttons.neocities.org) ships tiny id / pronoun / aesthetic pills — same affiliation-chip job as 88×31 walls, but a smaller wide rounded format with left icon + all-caps pixel label. Use as a living craft archive for personal-page badges; do not confuse the pixel footprint with classic 88×31.
Iconic gallery
Section titled “Iconic gallery”Samples saved locally from primary archives (historical web micro-banners).
Browser / “Now” lineage
Section titled “Browser / “Now” lineage”
Netscape Now–style badge — canonical browser-advocacy micro-button.
Source: cyber.dabamos.de/88x31/netscape_now.gif via The 88x31 GIF Collection
Alternate Netscape Now chip (nsnow.gif).
Source: cyber.dabamos.de/88x31/nsnow.gif
“Any browser” advocacy — anti-gatekeeping cousin of Netscape Now.
Source: cyber.dabamos.de/88x31/any_browser.gif
Host / neighborhood / webring
Section titled “Host / neighborhood / webring”
GeoCities official-style host badge.
Source: cyber.dabamos.de/88x31/geocities-official.gif
GeoCities Tokyo neighborhood — anime-shrine web geography.
Source: y2k.neocities.org/buttons/tokyo88.gif
GeoCities Hollywood neighborhood badge.
Source: y2k.neocities.org/buttons/geocities_hollywood01.gif
Webring-style affiliation chip.
Source: cyber.dabamos.de/88x31/atari_webring.gif
Guestbook / viewing / otaku web / revival
Section titled “Guestbook / viewing / otaku web / revival”
Guestbook badge — “this site is alive / leave a note.”
Source: cyber.dabamos.de/88x31/guestbook.gif
“Best viewed with…” period joke / constraint badge.
Source: cyber.dabamos.de/88x31/bestviewed.gif
Anime Nation–style otaku web badge (site chrome, not a character still).
Source: cyber.dabamos.de/88x31/animenation-88x31.gif
Neocities host button — 2020s personal-web revival.
Source: y2k.neocities.org/buttons/neocities_button.gif
Y2K Neocities site’s own link button (collection invites reuse).
Source: y2k.neocities.org/buttons
Archives & reuse notes
Section titled “Archives & reuse notes”| Archive | URL | Reuse note (as stated on site / collection framing) |
|---|---|---|
| The 88x31 GIF Collection (dabamos) | https://cyber.dabamos.de/88x31/ | “Feel free to copy buttons to your website, but avoid hot-linking if possible.” Multi-part index (index.html … index5.html). |
| Y2K Neocities buttons | https://y2k.neocities.org/buttons | Curated Y2K / GeoCities neighborhood / misc buttons; site framing invites using their buttons to link back. |
Individual historical badges may still carry third-party trademarks (Netscape, GeoCities, etc.) — fine for personal vault research / non-commercial homage; don’t imply endorsement in product marketing without clearance.
Sources
Section titled “Sources”- https://cyber.dabamos.de/88x31/ — primary classic GIF archive (Parts 1–5)
- https://y2k.neocities.org/buttons — Y2K Neocities button collection
- https://indieweb.org/88x31 — IndieWeb notes on the size convention / discovery
- https://geocities.restorativland.org/Tokyo/Temple/1035/ — shrine specimen that lived in this button culture (Y2K)
- Cross-links: Y2K, Nekoweb and plain HTML, Nightcore