# Design Language for renai.reviews ## Aesthetics and Tone Retro-futuristic in the specific tradition of 1970s Italian space-age design - Joe Colombo's modular furniture, the Olivetti Programma 101, Mario Bellini's Cassina Cab chair, the credits sequence of "The Andromeda Strain." Not the chrome-and-wireframe Tron retro-future; this is creamy plastic, burnt orange, dot-matrix LEDs, and laminate console finishes. The tone is elegant-sophisticated: the cultivated voice of a Pan Am stewardess from the 1969 print campaign, the considered restraint of a Concorde galley menu, the calm authority of a Helmut Newton fashion spread. Imagine a film critic in 1973 hosting an art-house review show on Italian television, dressed in a cream turtleneck, smoking, speaking in long thoughtful sentences. Glitch-art imagery brings the retro into conversation with the future - vintage photographic plates are corrupted with chromatic aberration, scan lines, and CRT distortion. ## Layout Motifs and Structure Centered composition with bilateral symmetry - the page is built around a vertical centerline like a fashion magazine spread, each section balanced left-and-right. This is intentional: in a corpus where 94% of designs use centered layouts but stuff them with off-center content, renai.reviews uses genuine centered symmetry as a 1970s editorial gesture. Each review chamber is a centered "console" of content: a large hero image fills the upper 60% of the viewport, beneath it a centered title in display type, beneath that a single justified column of body copy at 50ch width. Grid-line motifs appear as faint horizontal rules every 8 lines of text, like the calibration marks on a CRT. Section breaks are 1px horizontal rules in chrome silver that span the full viewport with a tiny diamond ornament at center. ## Typography and Palette Display and headline face: Playfair Display (Google Fonts) at weights 400-900 with italic for sub-display - the elegant high-contrast didone reads as 1970s Vogue. Headlines set at clamp(64px, 10vw, 160px) with -2% tracking and 0.9 line-height. Body text: Cormorant Garamond (Google Fonts) at 18px/1.7 with optical kerning for editorial sophistication. Metadata, captions, console-readouts: VT323 (Google Fonts) - a CRT-monitor face that anchors the retro-futuristic aesthetic. Set at 14px with +4% tracking, used for byline, date, and rating panels. Palette (high-contrast): - #0D0D0D vacuum-black (primary text, console-screen background) - #F5EFE0 cream-laminate (page background, creamy plastic feel) - #E85D2F burnt-tangerine (1970s signature accent, ratings, drop caps) - #2A4A8C trans-am-blue (secondary accent, links, headers) - #B8B8B8 chrome-silver (rules, dividers, console-frame elements) - #FFD93D phosphor-amber (LED-readout color, used for star ratings only) - #1A1A1A graphite-trim (secondary backgrounds, console housings) ## Imagery and Motifs Glitch-art imagery: every photograph is treated with a 4-layer process - base duotone in trans-am-blue and cream-laminate, then chromatic-aberration shift of 3px on red and 2px on blue channels, then horizontal scan-lines (1px every 4px at 12% black), then a subtle CRT-bow distortion via SVG filter. The result reads as a 1973 television broadcast freeze-frame. Subjects are deliberately archival: vintage portrait photography, mid-century interior shots, Italian sports cars, retro hi-fi equipment, typewriters, library globes. Grid-lines motif: horizontal rules every 8 lines of body copy, like the line markers on a vintage monitor; vertical "console rails" frame each chamber in chrome-silver. Diamond ornament dingbats separate paragraphs. Star-rating glyphs are 5-segment LED bars in phosphor-amber, animated via lottie - bars light one-by-one on scroll. ## Prompts for Implementation Build the site as a vintage TV broadcast of an art-house review show - each review is one "episode" with its own opening title sequence. Hero: full viewport. The page boots like a CRT warming up - a single horizontal line traces across the center, expands vertically into a full image, then a 200ms scan-flicker resolves to clarity. The main title fades in beneath with Playfair Display at 160px, accompanied by a phosphor-amber blinking cursor that types the subtitle in VT323. Lottie-animation pattern is reserved for moments of focus: hovering a review title triggers a Lottie sequence where the title glitches once (chromatic shift, scan-line distortion, settle back to clarity) in 600ms. Section transitions are CRT-style: the outgoing image collapses to a horizontal line, then re-expands to the new image. NO modern CTA buttons, NO sign-up forms, NO product grids - reviews are essays, not listings. Each review ends with a centered 5-star LED rating that lights segment-by-segment over 1200ms via Lottie. Cursor is a phosphor-amber crosshair (3px) with a 100ms trail in the same color, mimicking a vintage radar sweep. ## Uniqueness Notes - 1970s Italian Olivetti-era retro-futuristic interpretation (not Tron/cyberpunk retro-future) paired with cream-laminate plastic palette - this specific cultural reference is absent from the corpus. - Glitch-art imagery (2% corpus) used as a unifying visual treatment applied to ALL imagery, not as decoration - every photograph is CRT-distorted. - Genuinely centered symmetrical composition with bilateral balance (rare; most "centered" designs cheat with off-center content) - committed to the gesture as a 1970s editorial homage. - Chosen seed: aesthetic: retro-futuristic, layout: centered, typography: playfair-elegant, palette: high-contrast, patterns: lottie-animation, imagery: glitch-art, motifs: grid-lines, tone: elegant-sophisticated - Avoided patterns from frequency analysis: parallax (94%), card-grid (90%), conventional photography (90%) - glitched/CRT-distorted instead, warm palette in modern sense (93%) - cream-laminate replaces orange/red warmth, mono typography (81%), mysterious-moody tone (70%) - none used.