Gem: skyweaver.nekoweb.org — sage glass graphic garden
Gem: skyweaver.nekoweb.org — sage glass graphic garden
Section titled “Gem: skyweaver.nekoweb.org — sage glass graphic garden”Why it fits the braid
Section titled “Why it fits the braid”Skyweaver is a handmade Nekoweb personal homepage by a 2000s-style graphics designer — frosted sage glass cards over a sunlit foliage BG, Vocaloid / anime packaging, guestbook + Aero & Y2K webring widget, and a copy-paste 88×31 link-back. Strong Frutiger Aero / Win7 glass craft with a soft sage palette that sits next to Requiem Garden paint (forest greens, #F2F7F2 glass fills) without copying that chrome wholesale.
Morning dig: site-as-room glass layout, polaroid collage welcome, and a designs shelf that wears Vista folder / year-archive energy.
Layout / craft patterns worth stealing
Section titled “Layout / craft patterns worth stealing”- Fixed foliage BG + floating glass:
bg.jpgunder a sage linear wash (#8FAF92 → #B6CEA9); panels use noise +rgba(242,247,242,0.75)+backdrop-filter: blur(9px)+ raised inset highlights — readable Aero glass without opaque boxes (Frutiger Aero · Windows 7 Aero). - Pill nav sidebar:
.btnpills with radial pale fill, soft outer shadow, bright inset rim,border-radius: 99px— show/hide aside keeps the shell place-like (Nekoweb and plain HTML). - Banner as photo window: flower/leaf photo header with
::title::double-colon labels (Lexend Exa) — OS-chrome titling without literal window chrome. - Polaroid float collage: white outline + heavy drop shadow photo stacks inside the welcome card — physical-media / scrapbook energy next to CD mascot art.
- Footer triad: webring widget · Atabook guestbook · lined-notebook “link back” with HTML snippet + site button — friendship-web as first-class UI (88x31).
- Designs as year archive grid: portfolio / commissions cards then
::2026…::2023glass tiles — portfolio as shrine shelves, not a SaaS case-study template. - Alive / authored signals: commissions CLOSED box, Not-by-AI badge, versioned voice, spinning CD motif on links/about.
What not to copy (for product)
Section titled “What not to copy (for product)”- Full-bleed soft-focus nature BG on every product surface — steal glass tokens; keep app chrome quieter.
- Dense personal media stacks (favorite lists, polaroids) as default dashboard clutter.
- Uncredited anime / Vocaloid art in shipping UI; keep owned or licensed assets.
Reference images
Section titled “Reference images”Home (sage glass hub + polaroids + webring/guestbook/link-back):
Designs shelf (portfolio / commissions / year tiles):
About (bio card + notebook favorites):
