# Design Language for renai.party ## Aesthetics and Tone Graffiti aesthetic stripped of its swagger and rebuilt as contemplative wall-text - imagine a Berlin underground subway station at 4am where someone has been spray-painting Zen koans in wildstyle for the past decade. The tone is paradoxical and intentional: zen-contemplative voice delivered through graffiti's most aggressive visual vocabulary (tags, throw-ups, bombs, drips). The work of Futura 2000 and Phase 2 meets the calligraphy of Yu-Ichi Inoue and the negative-space philosophy of Eiko Ishioka. Where most graffiti designs shout, renai.party whispers in spray-paint - bold marks but slow timing, hard edges but soft motion. Every wildstyle character is given room to breathe. The mood is "abandoned warehouse turned into a meditation hall," with the contemplative pause of a Rinzai monk and the visual confidence of a tagger who knows the city by heart. ## Layout Motifs and Structure Full-bleed edge-to-edge composition where content overflows the viewport in deliberate ways - text bleeds off the right edge, illustrations extend below the fold, the grid has no respect for the browser chrome. Three overlapping "wall layers" stack at different z-depths: background concrete texture, mid-layer faded ghost-tags, foreground active content. Each section is one full viewport sized to fill 100vw x 100vh with no padding to the edges. Compositions are anchored by single dominant graffiti pieces (one per section) with surrounding "throwie" satellites arranged in a deliberate "krew bombing" cluster - asymmetric but balanced through visual weight. No card grids, no rows of tiles, no symmetrical hero-then-features-then-footer template. ## Typography and Palette Primary monospace: JetBrains Mono (Google Fonts) - the tech-mono spec, chosen for its slightly wider counters and crisp ligatures, used at clamp(14px, 1vw, 18px) for body and metadata. Display headlines in Bungee Shade and Bungee Inline (both Google Fonts) - actual digital graffiti faces that read as tagged-on-the-wall rather than imitation. Wildstyle accent quotations set in Permanent Marker (Google Fonts) at 64-180px, rotated by 3-7 degrees. Body weight stays low and clean to let the graffiti display work breathe. Palette (complementary - opposing on color wheel): - #FF4D00 fluorescent orange (primary spray, dominant complement) - #0066FF electric blue (secondary spray, the opposing complement) - #1A1A1A wall-shadow black (concrete background base) - #F5F1E8 weathered cream (aged paint surface, faded paste-up) - #00FF88 reactive green (highlight detail, fresh-paint accent) - #C0C0C0 rolling-stock silver (chrome fill for wildstyle pieces) ## Imagery and Motifs Isometric-icon illustrations rendered in spray-paint texture - 3D objects (boombox, walkman, can of Krylon, freight train car, ladder, megaphone) drawn in 30-degree isometric projection but painted with the drips, fades, and overspray of real wall art. Each icon carries a subtle 2px paint-bleed on its edges and a 1px highlight on its topmost surfaces. Tech motifs are recontextualized as graffiti subjects: circuit boards become wildstyle pieces, QR codes appear as stickers slapped on walls, network diagrams are drawn like subway maps. Throwies (bubble-letter tags) of three Japanese characters float across each section as ambient decoration. Concrete texture, dust, and paint-drip elements layer across all backgrounds. ## Typography and Palette (additional notes) Headlines use the tech-mono system at display weight (700) with letter-spacing 0 and tabular-nums enabled - the contradiction of mono-precision next to graffiti-chaos is the visual signature. ## Prompts for Implementation Build the experience as a slow walk past a graffiti wall - one section at a time, each fully immersive. Hero: full viewport showing a single massive wildstyle piece spelling "renai" in a hybrid of Phase 2 and Yu-Ichi calligraphic logic, rendered as an SVG with animated stroke-dashoffset that paints itself on over 4 seconds. As the user scrolls, the slide-reveal pattern triggers: each new "wall" slides up from below at 1.2x scroll speed with a slight horizontal drift, revealing a fresh isometric scene. Negative space is sacred - text blocks occupy at most 40% of any viewport, with the remaining 60% being concrete wall. Each major heading is a hand-tagged moment: the letters draw themselves with spray-paint drip animation (CSS @keyframes with filter: drop-shadow scaling). Cursor becomes a small spray-paint nozzle that leaves a 200ms fading particle trail of the page's accent color. NO pricing tiers, NO stats grids, NO CTA-heavy hero. Each section closes with 30vh of negative space - the visual equivalent of a long inhale. Use tech-mono captions ("// 2026.05.12 / sector 7g / artist: unknown") in the bottom-left of every section, in 11px JetBrains Mono. ## Uniqueness Notes - Inverts graffiti's expected energy by pairing it with zen-contemplative pacing, slow scroll triggers, and 60% negative space - a tonal subversion absent from the corpus. - Combines isometric-icon imagery (typically associated with corporate flat design) with raw graffiti texture and spray-paint drips - a visual collision unique in the dataset. - Uses tech-mono typography (only 4% corpus usage) as primary body while pairing it with display graffiti faces - the precision-chaos juxtaposition is the design's identity. - Chosen seed: aesthetic: graffiti, layout: full-bleed, typography: tech-mono, palette: complementary, patterns: slide-reveal, imagery: isometric-icons, motifs: tech, tone: zen-contemplative - Avoided patterns from frequency analysis: parallax (94%), card-grid (90%), photography (90%), mono base (used as tech-mono variant intentionally), warm palette (93%), mysterious-moody tone (70%) - design uses slide-reveal (4%), full-bleed (13%), complementary palette (4%), isometric-icons (2%), zen-contemplative tone (4%) - all underused.