Gem: iSmile — Frutiger Aero personal shell / MSN-era social recreations
Gem: iSmile — Frutiger Aero personal shell / MSN-era social recreations
Section titled “Gem: iSmile — Frutiger Aero personal shell / MSN-era social recreations”Why it fits the braid
Section titled “Why it fits the braid”iSmile (Ismail’s Website) is a handmade Neocities personal homepage built as a living Frutiger Aero / early-2000s internet shrine: cyan glass panels, glossy banner type, beach-PC fish art, custom Aero cursors, a WTNA webring chip, and whole rooms that recreate era social clients (MySpace · early FB/YT/Twitter · Windows Live Messenger skins 1–9). Explicitly framed as “welcome back to the golden age of the internet” with Web Design History decades as peer shelves — strong Frutiger Aero / Win7 glass braid beside Y2K personal-web craft.
Morning dig: rotate off Nekoweb Districts residential rooms toward Neocities Frutiger Aero / MSN-era revival chrome.
Layout / craft patterns worth stealing
Section titled “Layout / craft patterns worth stealing”- Aqua glass shell as the page, not a card accent: fixed scenic bokeh background · 850px content column with
linear-gradient(rgba(23,147,175,0.5), rgb(101,205,229))· nested frosted panels (linear-gradient(rgba(255,255,255,0.4), …0.6)) + soft drop shadows + 25px radii — homepage reads as one Vista/Win7 window stack (Frutiger Aero). - Corner gloss as a reusable chrome token: absolute
.glossradial white highlight (clip-path: circleat top-right) dropped on banner + every panel — the wet plastic sheen without baking it into each asset. - Two-lane inhabited home: left welcome + skeuomorphic social glass buttons · right Frutiger fish/PC illustration + webring map-image — content and friendship-web furniture as peers, not a hero landing.
- Icon-nav that collapses honestly: desktop shows text pill buttons; narrow viewports swap to SVG icons via media queries — handmade responsive without a framework.
- Social Networks as era recreations, not outbound links: Facebook / YouTube / Twitter / MySpace / Instagram / Discord / MSN are in-site rooms with their own CSS themes (Messenger has Status/Chat/Tools/Themes menus + msn9→msn1 skins) — nostalgia as IA, not a footer icon row.
- Type + cursor pack:
"Frutiger"/ Istok Web for body · Zen Dots for banner · Pixeloid for chat pill · custom.curpointers for default / link / text — era OS feel in the pointer, not only paint. - Floating chat chip: fixed bottom-right gradient pill opening an iframe.chat popup themed to the site — porch chat as furniture (Nekoweb and plain HTML energy on Neocities).
What not to copy (for product)
Section titled “What not to copy (for product)”- Hotlinked GitHub-raw cursors and third-party chat embeds as hard dependencies — steal the pattern of era pointers / porch chat; host owned assets.
- Full in-browser MSN client chrome on every product surface — keep app UI quieter; reserve dense messenger skins for shrine / mood pages.
- Broken media-chat / placeholder avatars left visible (chat + Messenger rooms currently show missing assets) — if you ship nostalgia UI, audit assets like product UI.
Reference images
Section titled “Reference images”Home (cyan glass shell · glossy iSmile banner · nav pills · fish/PC panel · WTNA webring · chat chip):
Windows Live Messenger room (era client chrome · theme menu · glass panels):
iSmile-themed chat (chat.html?theme=ismile — aqua room chrome · user list):
