# Design Language for renai.studio ## Aesthetics and Tone Pop-art recontextualized through sepia-nostalgic photographic memory - imagine Roy Lichtenstein's Ben-Day dot panels printed on tea-stained 1920s sepia photographs, Andy Warhol's repetition portraits but in faded brown-orange tonalities, Robert Indiana's LOVE sculpture if it had been cast in oxidized bronze and photographed by Edward Curtis. The tone is authoritative: confident, declarative, the curator's voice of a major museum's contemporary art wing. Sepia-nostalgic palette filters the bright pop-art expectation through a lens of memory and time - what was once acid-bright is now beautifully aged. The mood is "a 1965 Pop-Art retrospective viewed through Bell & Howell projector slides that have yellowed for sixty years - the geometry still shouts, but the color has whispered." This is the studio of an artist who works in halftone screens, repetition, and bold typography but has been collecting and processing the work for half a century. ## Layout Motifs and Structure Portfolio-grid composition arranged as a curated museum wall - 3 to 5 columns of varying-sized panels (small thumbnail panels, medium portrait panels, large landscape feature panels) packed in a tight modular grid with 4px gutters. Each panel is a portfolio piece treated as a "framed print" with a 12px sepia-toned matte border. The grid breaks every 4-6 rows for a full-bleed "feature panel" that occupies 100% width and 80vh height - these are the curated highlights. Retro-patterns motifs (Ben-Day dot screens, halftone gradients, vintage starburst badges) appear as background textures across the page. The grid columns are not aligned to a strict baseline - panels stagger up and down by 8px per row, creating a "hung at the gallery" irregularity. Each panel hosts a piece title in display caps and a small caption beneath. ## Typography and Palette Eclectic-hybrid typography combining four faces with specific roles: display piece-titles in Anton (Google Fonts) at clamp(48px, 7vw, 96px) - the bold condensed sans for pop-art shout; secondary headings in Abril Fatface (Google Fonts) at 32-56px - the high-contrast didone for vintage editorial framing; body and captions in Inter (Google Fonts) at 15px/1.6 for clarity; accent labels and badge text in Bungee (Google Fonts) at 14px tracked +6% all-caps - the retro signage face that ties to the retro-patterns motif. The mix is intentional: pop-art needs typographic variety to read as a curated exhibition. Palette (sepia-nostalgic): - #E8D9C0 sepia-page (primary background, aged paper) - #C19A6B caramel-mid (secondary surface, panel mattes) - #4A2E1A umber-deep (primary text, near-black with deep brown) - #D4471F faded-cinnabar (pop-art accent, drop caps, badge fills) - #2C5F5F oxidized-teal (secondary accent, contrast color for panels) - #F5E8D3 vanilla-aged (highlight, frame mattes, page margin) - #8C6239 walnut-shadow (secondary text, captions, panel borders) ## Imagery and Motifs Gradient-mesh imagery: every portfolio piece is treated with a sepia-tinted gradient-mesh overlay that simulates Ben-Day dot halftone in vector form. The mesh uses 6-12 control points, each carrying a sepia palette color, blended via SVG mesh-gradient. Subjects are pop-art portraits and still-lifes: vintage cameras, typewriters, gramophones, comic-book panels, faded star portraits, Americana ephemera (matchbooks, postage stamps, ticket stubs). Each piece has a halftone-dot overlay at 20% opacity for the Ben-Day texture. Retro-patterns motifs: starburst badges (vintage advertising style) at panel corners, halftone gradient backgrounds behind feature panels, repeating diagonal-line motifs in caramel-mid, vintage "approved" stamp graphics, Lichtenstein-style speech-bubble callouts containing curator notes. ## Prompts for Implementation Build the site as a curated museum exhibition wall - the visitor walks past the gallery in a slow scroll. Hero: full viewport. The title "renai.studio" appears as a Lichtenstein-style word constructed from oversized Ben-Day dots that resolve into solid letters over 2400ms - dots converge from random scattered positions to form letterforms. Use zoom-focus pattern (3% corpus): hovering any portfolio panel triggers a zoom-in (transform: scale(1.08), z-index lift, ease-out 400ms) that subtly desaturates surrounding panels by 30% to focus attention; clicking opens the panel as a full-viewport "exhibition card" with the work centered and curator text in the lower third. Feature panels (the full-bleed 80vh rows) use zoom-focus as you scroll past - the image gently zooms in by 5% as it enters viewport, returns to scale 1 as it exits. NO pricing, NO product listings, NO conventional CTAs - portfolio pieces are art objects, not products. Curator captions live in Lichtenstein-style speech bubbles attached to each panel, set in Inter italic. Cursor is a sepia-toned magnifying glass icon (16px) that grows to 24px on portfolio panels. ## Uniqueness Notes - Pop-art aesthetic (1% corpus) filtered through sepia-nostalgic palette (4% corpus) - the cross-genre pairing of bold modernist pop with aged photographic warmth is unique. - Gradient-mesh imagery (3% corpus) used as Ben-Day-dot vector simulation rather than abstract color blend - the technique is repurposed for pop-art halftone reproduction. - Portfolio-grid layout (3% corpus) deployed with intentional 8px row-stagger imitating "hung at gallery" irregularity - the broken-grid hang is distinctive. - Chosen seed: aesthetic: pop-art, layout: portfolio-grid, typography: eclectic-hybrid, palette: sepia-nostalgic, patterns: zoom-focus, imagery: gradient-mesh, motifs: retro-patterns, tone: authoritative - Avoided patterns from frequency analysis: parallax (94%), card-grid as generic tile system (90%) - here panels are art objects with matte borders, photography (90%) - imagery is halftone-treated, warm palette in gradient sense (93%) - sepia is structured warmth, mono typography (81%), mysterious-moody tone (70%) - authoritative used instead.