Gem: piggie.party — citrus technotaku party
Gem: piggie.party — citrus technotaku party
Section titled “Gem: piggie.party — citrus technotaku party”Why it fits the braid
Section titled “Why it fits the braid”piggie.party is a full handmade personal homepage — otaku hub, mascot worldbuilding, shrines, guestbook, and a mutual 88×31 / fanlisting wall — not a product landing page. It wears Nekoweb / plain-HTML craft and Y2K shrine energy on the sleeve (citrus chrome, pill nav, status boxes, “Ver. 02” versioning) while staying authored and place-like.
Strong morning dig: dense but readable three-column layout, friendship-web linking, and a separate shrine directory with its own mood skin.
Layout / craft patterns worth stealing
Section titled “Layout / craft patterns worth stealing”- Homepage as place: branded header art + pill button nav (“blog / artwork / home / chara / shrines…”) over a patterned warm BG — instant site-as-room, not SaaS chrome.
- Three-column personal dashboard: left rail = nav + blog teaser + outbound buttons; center = “last played / new release / welcome”; right = currently-listening / watching / reading + updates log + fanlisting grid.
- Friendship web: site buttons with copy-paste HTML, “links out” 88×31 row, fanlistings wall — mutual linking as social graph (88x31).
- Alive site signals: changelog / updates list, version label (“Ver. 02 ～ citrus technotaku party ～”), guestbook invite, last-updated stamp.
- Shrine subdirectory with a different skin:
/shrines(“a place where divinity kissed”) flips to dark teal / gold grid / Lain-pole silhouette — mood-page maximalism without forcing the whole site into one palette (Y2K · Nekoweb and plain HTML). - Authored mascot framing: OC (Gnocchi) as hub character ties gallery, freessies, VN promo, and copy into one voice.
What not to copy (for product)
Section titled “What not to copy (for product)”- Auto-dense every surface — keep default product quieter; steal shrine / about / marketing density only where intentional.
- Uncredited scraped character art in app chrome; ship owned / credited art.
- Treating fanlisting grids as primary nav in a SaaS shell.
Reference images
Section titled “Reference images”Home (three-column citrus hub):
Shrines directory (alternate mood skin):
Gallery surface (artwork shelf inside the same site system):
