# Design Language for simai.bar ## Aesthetics and Tone Dopamine aesthetic in its most committed form - the joyful saturated color of Camille Walala's murals, Yinka Ilori's furniture, Memphis Group's textiles - but rendered with the dreamy-ethereal pacing of Studio Ghibli's gentle moments rather than the typical dopamine sugar-rush. The tone is dreamy-ethereal: the design uses dopamine colors but treats them with reverence, like watching a sunset behind a cocktail bar through silk curtains. Analogous palette (adjacent-on-color-wheel hues: corals, pinks, peaches, oranges, ambers, mangoes) creates harmonic warmth rather than the contrast-shouting of typical dopamine. The mood is "a cocktail bar at sunset in a Mediterranean coastal town, where every drink is served in a different shade of orange-pink-peach glass, the music is dreamy, and the patrons are unhurried." Flowing-curves motifs (organic ribbons, sunset gradients, ocean waves drawn as fluid SVG paths) ripple through the composition. ## Typography and Palette Display and body face: Quicksand (Google Fonts) - the playful-rounded spec - at weights 300-700. The rounded geometric proportions read as dopamine-warm without being childish. Display headlines at clamp(64px, 10vw, 144px) with -1% tracking and 0.95 line-height. Body at 17px/1.7. Accent display for cocktail names: Cookie (Google Fonts) at 36-56px italic for handwritten warmth. Magazine-style pull quotes in Quicksand light at 36-48px with 0 tracking. ## Layout Motifs and Structure Magazine-spread layout: each section is composed like a two-page magazine spread - left page and right page treated as complementary halves of a single visual moment. Each spread features: a large abstract-shape illustration spanning the left page, a column of magazine-style body copy on the right page, a pull quote pulled into the gutter where the two pages meet, and corner ornaments of flowing-curves at each corner. Spreads stack vertically with 40vh of negative space between them. The "page-fold" gutter (a soft shadow gradient down the visual centerline) is a deliberate magazine reference. Each spread is one cocktail or one moment - the page reads as a curated magazine of warm sensory experiences. ## Palette (analogous) - #FFF5E6 cream-honey (primary background, lightest analogous warmth) - #FFD4A8 peach-glow (secondary surface, gentle warmer mid-tone) - #FF9B7A coral-bloom (primary accent, drop caps, key illustrations) - #FF6B5C tangerine-sunset (secondary accent, emphasis, pull-quotes) - #C44536 burnt-rose (deep emphasis, drop caps, button fills) - #4A2818 walnut-warm (primary text, near-black with deep rose warmth) - #FFE8B5 amber-light (highlight, hover states) ## Imagery and Motifs Abstract-shapes imagery: every illustration is composed of flat geometric and organic shapes in the analogous palette - no representational illustration, no photography. Each "cocktail spread" features a single abstract composition built from 5-8 overlapping organic shapes (curves, circles, blob-arcs) in coral-peach-tangerine layers. The shapes evoke the cocktail's character without literal depiction - a layered sunset, a citrus arrangement, a flowing wave-form. Flowing-curves motifs: hand-drawn SVG ribbon paths weave through compositions, connecting elements across the spread. Each section corner features a small flowing-curve ornament in tangerine-sunset. Background textures: subtle paper-grain at 4% opacity for magazine-print warmth. ## Prompts for Implementation Build the site as a curated cocktail magazine - each spread a different sensory moment. Hero: full viewport. The first spread opens with a flowing abstract-shapes composition on the left (5 overlapping curves in coral-peach-tangerine, slowly morphing via SVG path interpolation) and the magazine masthead on the right - "simai.bar" in Quicksand light at 144px, with subtitle "a magazine of warm moments" in Cookie italic at 36px. The spread reveals via fade-reveal pattern (6% corpus): the entire spread fades up from opacity 0 to 1 over 1800ms with a soft 8px upward translation, no other movement - the gentle "fade-up" is the dopamine restraint that contrasts the typical dopamine snap. Use fade-reveal pattern for every spread on scroll-into-view. Abstract-shape illustrations continuously morph their paths via 30-second @keyframes cycles, creating gentle visual life. Pull quotes fade up with a slight delay (400ms after their containing spread). NO pricing menus, NO ordering buttons, NO conventional CTAs - this is a magazine of moods, not a commerce site. Cursor is a small abstract-shape blob (8px) in coral-bloom that subtly morphs its path as it moves, like watching ink in water. Section dividers between spreads feature a single flowing-curve ribbon drawing itself in over 1200ms. ## Uniqueness Notes - Dopamine aesthetic (4% corpus) paired with dreamy-ethereal tone (5%) and fade-reveal pattern (6%) - the "gentle dopamine" treatment is absent from the corpus where dopamine usually screams. - Analogous palette (2% corpus) committed to fully - the entire design lives in one quadrant of the color wheel, creating harmonic warmth rather than contrast. - Magazine-spread layout (4% corpus) deployed with literal two-page composition discipline and a centerline gutter shadow - the magazine reference is structural not decorative. - Chosen seed: aesthetic: dopamine, layout: magazine-spread, typography: playful-rounded, palette: analogous, patterns: fade-reveal, imagery: abstract-shapes, motifs: flowing-curves, tone: dreamy-ethereal - Avoided patterns from frequency analysis: parallax (94%), card-grid (90%), photography (90%) - all abstract illustration, warm palette in gradient sense (93%) - analogous is structured warmth, mono typography (81%) - none used, mysterious-moody tone (70%) - dreamy-ethereal instead.