# Design Language for tsundere.cam ## Aesthetics and Tone Retro photo-album scrapbook from 1973, page-flipped onto a sun-warm afternoon kitchen table — Polaroids, hand-drawn doodles, and pressed peach-tone snapshots tilting at slight angles, secured with washi tape. The page reads like a young photographer's first-ever portfolio book, with cheerful margin doodles and oversized hand-lettered display headers shouting the season's name. Inspiration: the warmth of Wes Anderson's "The Royal Tenenbaums" interior dressing, mid-70s Kodachrome family albums, the hand-drawn typography of Saul Bass's late posters, and the relentless optimism of vintage Pan Am travel postcards. The tone is optimistic-bright — sunny without sweetness, generous, cheerfully hand-fingerprinted. Tsundere here is the camera's own grin: pretends to be cool, smiles in the frame. ## Layout Motifs and Structure Masonry composition treated as a scrapbook page-spread. Photo-cards of varied aspect ratios pin themselves to the page in slightly tilted positions (±3° rotation), Pinterest-style but messier — each card has hand-drawn flowing-curve doodles bleeding past its edges, washi-tape strips fastening corners. Sections are stacked vertically with non-uniform card heights, packed left-aligned with consistent gutters of 24px. Each card is a hand-drawn snapshot: a peach-toned image with a creased white border, a handwritten caption beneath, and a date stamp in the corner. Tilt-3d patterns activate on hover: each card tilts gently on perspective-Y, casting a soft sun-warm shadow. Oversized-display hand-lettered season headers ("MAY 1973", "AUTUMN 04") punctuate vertical breaks in the masonry, breaking the rhythm with full-width statement bars. Flowing-curve doodles ribbon between cards as the page's connective tissue. ## Typography and Palette - **Display (oversized-display hand-lettered):** "Caveat" (Google Fonts) — at 96–140px for hand-lettered season headers - **Display secondary:** "Fraunces" (Google Fonts) — for occasional italic display anchors - **Body / caption (hand-typed):** "Special Elite" (Google Fonts) — typewriter at 14px for hand-typed photo captions - **Numerals:** "Bebas Neue" (Google Fonts) — for date stamps and seasonal codes Palette — Analogous peach-amber-rose: - `#FFF1E0` Album Paper — main background, page surface - `#F4B886` Peach Polaroid — primary surface for photo-cards - `#E58E5A` Amber Sun — accent, washi-tape, doodle ink - `#C25F4D` Rose Pomelo — secondary accent, hand-lettering shadows - `#3D2A1F` Cocoa Pen — caption ink - `#FAD9B0` Apricot Wash — soft secondary surface tint ## Imagery and Motifs - **Hand-drawn**: every photo-card displays a hand-drawn doodle bleeding past its edges — flowers, suns, hearts, swooshes, butterflies, sandwiches, anything cheerful — drawn in 2.5px Amber Sun strokes - **Flowing-curve motifs**: ribbons of flowing-curve doodle drift between cards, connecting them like a memory-thread; rendered as single-line SVG paths with rough-pen texture - Scrapbook ornaments: washi-tape strips (4mm wide, semi-transparent peach), hand-pencilled corner-stickers, paperclip glyphs - Recurring "smiling sun" mark in upper-right of each section, hand-drawn with 6 ray strokes and a curly smile - Date stamps: each card has a faux Bebas Neue date stamp in the lower-right, like a darkroom date-burn ## Prompts for Implementation - Masonry layout: CSS columns with break-inside avoid OR a JS masonry library; cards retain natural heights and pack left-aligned with 24px gutter - Each card tilts by a random rotation in `transform: rotate(-3deg → +3deg)`; on hover, tilt-3d activates: `perspective(1000px) rotateY(6deg) rotateX(-3deg)` + soft sun-warm drop-shadow - Hand-drawn doodles: inline SVG paths drawn with `stroke-linecap: round`, `stroke-linejoin: round`, slight stroke-width jitter via `filter: url(#rough)` (turbulence-based roughness) - Flowing-curve ribbons: SVG paths with `stroke-dasharray` flowing between cards, animated stroke-dashoffset for slow drift - Oversized-display season headers: Caveat at 120px+ in Rose Pomelo, with a faint Amber Sun underline doodle drawn beneath, positioned full-width across the masonry break - Washi-tape: small 24×8px translucent rectangles in Peach Polaroid at 0.5 alpha, rotated 12° at card top-corners - AVOID: pricing modules, CTA bars, stat-grids, comparison tables. Each card is a snapshot or memory, not a feature listing - Caption typography: Special Elite at 14px line-height 1.6, in Cocoa Pen — slightly shaky baseline via micro CSS `translateY` jitter on alternate words ## Uniqueness Notes - Differentiator 1: retro + hand-drawn + masonry executed as a scrapbook spread, not as Pinterest gallery - Differentiator 2: analogous peach-amber-rose palette is a coherent warm-spectrum that resists the corpus's generic warm-palette default - Differentiator 3: tilt-3d patterns layered with random rotation makes the gallery feel hand-pinned, not algorithm-arranged - Differentiator 4: flowing-curve doodle ribbons connecting cards turn the gallery into a memory-thread, narrative not grid - Differentiator 5: oversized-display hand-lettered season headers break the masonry rhythm — typographic ornament as section device - Chosen seed: aesthetic: retro, layout: masonry, typography: oversized-display, palette: analogous, patterns: tilt-3d, imagery: hand-drawn, motifs: flowing-curves, tone: optimistic-bright - Avoids overused patterns: parallax (94%) — tilt-3d instead; card-grid (90%) — masonry is more organic; centered (94%); photography (90%) — hand-drawn imagery instead; mysterious-moody (70%) — optimistic-bright counters; mono typography (81%)