跳转到内容

88×31 micro-buttons

Related: Y2K · Nekoweb and plain HTML · Nightcore · Frutiger Aero · Identity buttons · README

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.


TraitDetail
Size88×31 px — wide short “micro bar”
FormatsMostly animated or static GIF; also PNG today
PlacementFooters, sidebars, “button walls,” webring rows, shrine link farms
JobsAffiliation, 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).


No single inventor; several overlapping explanations people repeat:

  1. 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.
  2. 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.
  3. 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).
  4. 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.


  • 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

ContextGuidance
Personal homepage / Designy “shrine mode”Button rows OK; mutual links; optional opt-in BGM elsewhere
Marketing about / friends pageSparse curated badges; prefer your button
Default app shellAvoid — not chrome; not trust UI

  1. Copy badges you have rights / permission to reuse into your own hosting (archives below often say copy OK).
  2. Prefer local files over hotlinking (dabamos: “avoid hot-linking if possible”).
  3. Make your own 88×31 for Designy / personal site identity.
  4. Credit collections when you document research (this vault).
  5. Keep buttons on craft / shrine / friends surfaces — not form chrome.
  1. Don’t hotlink archive hosts as a CDN.
  2. Don’t treat 88×31 glitter as Frutiger Aero or Win7 glass.
  3. Don’t scrape copyrighted character stills into “buttons” for product UI.
  4. Don’t use hit-counter / “under construction” badges as SaaS trust signals.
  5. Don’t dump a GeoCities wall behind readable body text.

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.

Samples saved locally from primary archives (historical web micro-banners).

Attachments/design-88x31-netscape-now.gif Netscape Now–style badge — canonical browser-advocacy micro-button.
Source: cyber.dabamos.de/88x31/netscape_now.gif via The 88x31 GIF Collection

Attachments/design-88x31-netscape-now-alt.gif Alternate Netscape Now chip (nsnow.gif).
Source: cyber.dabamos.de/88x31/nsnow.gif

Attachments/design-88x31-any-browser.gif “Any browser” advocacy — anti-gatekeeping cousin of Netscape Now.
Source: cyber.dabamos.de/88x31/any_browser.gif

Attachments/design-88x31-geocities.gif GeoCities official-style host badge.
Source: cyber.dabamos.de/88x31/geocities-official.gif

Attachments/design-88x31-geocities-tokyo.gif GeoCities Tokyo neighborhood — anime-shrine web geography.
Source: y2k.neocities.org/buttons/tokyo88.gif

Attachments/design-88x31-geocities-hollywood.gif GeoCities Hollywood neighborhood badge.
Source: y2k.neocities.org/buttons/geocities_hollywood01.gif

Attachments/design-88x31-webring-atari.gif Webring-style affiliation chip.
Source: cyber.dabamos.de/88x31/atari_webring.gif

Attachments/design-88x31-guestbook.gif Guestbook badge — “this site is alive / leave a note.”
Source: cyber.dabamos.de/88x31/guestbook.gif

Attachments/design-88x31-best-viewed.gif “Best viewed with…” period joke / constraint badge.
Source: cyber.dabamos.de/88x31/bestviewed.gif

Attachments/design-88x31-animenation.gif Anime Nation–style otaku web badge (site chrome, not a character still).
Source: cyber.dabamos.de/88x31/animenation-88x31.gif

Attachments/design-88x31-neocities.gif Neocities host button — 2020s personal-web revival.
Source: y2k.neocities.org/buttons/neocities_button.gif

Attachments/design-88x31-y2k-neocities-button.png Y2K Neocities site’s own link button (collection invites reuse).
Source: y2k.neocities.org/buttons


ArchiveURLReuse 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 buttonshttps://y2k.neocities.org/buttonsCurated 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.