A long, tall, SINGLE-COLUMN SCROLLING web page — the rendered web page itself, as if you are scrolling straight down it from top to bottom — for a real, live, full-width responsive website for Tamarind & Rose, a modern Indian restaurant on the Sausalito waterfront, California, in the visual world of a vaporwave aesthetic, every section a full-bleed image with the type laid over it with vaporwave gradient and glitch digital art imagery and ornament. Show ONLY the web page content, edge-to-edge: NO browser window, NO browser chrome, NO address bar, NO tabs, NO URL bar, NO window frame, NO device or mockup frame. The page is FULL-BLEED: edge-to-edge across the full width with NO outer margins, NO borders, NO rounded corners, NO canvas colour around or between the content — a real website, not a design comp, not floating cards. Do NOT label, number, or badge the sections; there are no visible section numbers.
STRUCTURE — read the page as one long vertical SCROLL with 7 parts in this order from top to bottom: a thin navigation bar pinned flush to the very top, then a full-bleed immersive hero area, then a story, then a menu, then a gallery, then a visit area, and a thin footer pinned to the very bottom. EVERY part fills the ENTIRE width of the page, and the parts are arranged strictly one above another straight down the page — only one part at each level. They are NEVER placed two-across, NEVER in side-by-side columns, NEVER in a grid of sections. The hero is wide and SHORT (much WIDER than it is tall — NOT tall); no single area dominates. (This describes PLACEMENT only — how the parts blend together or divide visually is set entirely by the AESTHETIC line below; columns WITHIN one part, like text beside an image or an item grid, are fine.) EXACTLY ONCE — every part, and every line of text in it, appears ONE TIME ONLY. Do NOT repeat, echo, mirror or re-draw a navigation bar, logo, headline, button or any other element a second time, and do NOT restate a section further down. If the content does not fill the canvas, let the remaining space be background, imagery or generous whitespace — NEVER a second copy of what you have already drawn.
AESTHETIC — let the background drift slowly through one gentle vertical GRADIENT as you scroll: each section sits on a slightly different tint of the SAME single hue and blends softly into the next with no hard edges — one continuous graded backdrop that shifts tone subtly section by section.
RENDER-FIDELITY CONSTRAINTS — this exact page will be rebuilt as real, reflowing, responsive HTML by a deterministic renderer, so it MUST stay inside what that renderer reproduces faithfully. (1) BACKGROUND IMAGERY EVERYWHERE: every section — nav, hero, story, menu, gallery, visit and footer alike — has its OWN full-bleed vaporwave gradient and glitch digital art background image filling that band edge to edge, and the section's content sits ON TOP of it. NO section is a flat colour fill, and no picture is confined to a bounded panel beside the text. (2) MIX THE TEXT TREATMENTS so the sections do not all read alike — use all three across the page: type set DIRECTLY on the background image over a calmer part of the picture; type inside a TRANSLUCENT tinted panel the image still shows through; and type inside a SOLID OPAQUE card or bar in a flat palette colour laid over the image. A section may combine them — an opaque menu card over the image with that section's heading directly on the picture above it. (3) RESTRAINED ORNAMENT: decoration is limited to repeatable motifs a CSS border can carry — thin rules, matching corner flourishes, small standalone spot illustrations — never dense layered ornament fused into the type. (4) REAL TYPE: every headline, label, menu name, price and paragraph is crisp Space Mono / Inter web-font type set OVER the imagery — never hand-lettered, warped, outlined, 3-D, or word-art lettering painted into the artwork. (5) RECTANGULAR LAYOUT: sections are upright rectangular bands stacked straight down — no diagonal, tilted, overlapping, torn or collaged panels. (6) PALETTE: keep the imagery and every panel within #FF71CE, #01CDFE, #B967FF, #05FFA1. (7) LEGIBLE OVER IMAGERY: every line must read at full strength against whatever is behind it — darken, lighten or blur the picture beneath the type as much as the design needs. The SMALLEST text anywhere (fact labels, captions, fine print, footer) is at least 1/70th of the page width tall, never shrunk into cramped chips, with generous letter- and line-spacing so glyphs never touch, and related text (menu prices, form fields) aligned in clean rows/columns.
Across the very top, a thin navigation bar: a logo in Space Mono reading exactly "Tamarind & Rose"; a nav-link in Inter reading exactly "Menu"; a nav-link in Inter reading exactly "Story"; a nav-link in Inter reading exactly "Gallery"; a nav-link in Inter reading exactly "Visit"; a cta in Inter reading exactly "Book a Table".
Directly below it, the hero area — IMMERSIVE: one cinematic full-bleed vaporwave gradient and glitch digital art photograph fills the ENTIRE hero band edge-to-edge as the background; a soft dark translucent scrim deepens its lower-left region, and the eyebrow, headline, subhead and buttons are laid DIRECTLY OVER the scrimmed photo in crisp high-contrast type — the text must sit on the DARKEST, least-detailed area of the photograph and remain perfectly legible: a eyebrow in Inter reading exactly "Sausalito, CA · Modern Indian on the Water"; a headline in Space Mono reading exactly "Spice, salt air, and the bay"; a subhead in Inter reading exactly "Coastal Indian cooking — tandoor smoke, bright chutneys, and the day's catch."; a cta in Inter reading exactly "Book a Table"; a cta in Inter reading exactly "See the Menu"; a vaporwave gradient and glitch digital art hero-illustration of a cinematic dusk shot across a candlelit table of modern Indian coastal dishes, the Sausalito harbor and bobbing sailboats soft-focus beyond the window.
Then the story: Lay it out as two side-by-side panels: on the LEFT a text column with the eyebrow, the headline, and the body paragraph; on the RIGHT a single vaporwave gradient and glitch digital art supporting illustration filling its panel height and running to the right edge. Then, spanning the FULL page width BELOW both panels, place the fact labels as one evenly-spaced row — each label on its OWN single line, set at the SAME comfortable size as the body paragraph text, generously spaced and NEVER shrunk into small chips. a eyebrow in Inter reading exactly "Our Story"; a headline in Space Mono reading exactly "Two rivers, one table"; a body in Inter reading exactly "Tamarind & Rose pairs the sour-bright soul of South Indian cooking with the rose-scented north — and sets both beside the bay. Our tandoor burns almond wood, our fish comes off the Sausalito docks, and our chutneys change with the farmers market. Small room, long harbor view, food made to linger over."; a row of all 4 fact labels in Inter: "Almond-wood tandoor", "Dock-to-table seafood", "Natural wine cellar", "Harbor-view terrace"; a vaporwave gradient and glitch digital art supporting-illustration of an intimate dining room with rose-plaster walls, brass rails and picture windows onto a marina at golden hour.
Then the menu: Lay the menu as ONE full-width section spanning the entire page width — a centered eyebrow, headline and any legend across the top, then the items below as an even grid of SEPARATE cells with clear gaps between them, arranged in rows of AT MOST FOUR cells — with more items, WRAP to additional rows rather than narrowing the cells, so every cell stays wide enough for its text at the same comfortable size as the body text; inside each cell the name is on its OWN line, the details stack on the line(s) directly below the name, and the price sits on its own line or aligned in the cell — the name, details and price of an item are NEVER packed inline on a single running row. a eyebrow in Inter reading exactly "The Menu"; a headline in Space Mono reading exactly "From the Tandoor & the Tide"; a legend in Inter reading exactly "Vegetarian · Vegan · Gluten-free options"; a legal in Inter reading exactly "Menus follow the docks and the season; chef's tasting Friday and Saturday."; a menu of these items set in Inter, laid out as an even GRID (rows of at most FOUR cells — wrap, never narrow) of separate item cells with clear gaps between cells; inside EACH cell the item name is on its OWN line, the details stack on the line(s) directly BELOW the name, and the price is on its own line or aligned within the cell — the name, details and price are NEVER run together inline on a single row, and each cell sits on the section's flat fill: "Sev Puri Bombay" (crisp puri, three chutneys, pomegranate) $13; "Rockfish Pollichathu" (banana-leaf roasted, kerala spices) $29; "Tandoori Prawns" (almond-wood smoke, kasundi butter) $31; "Rose Chicken Korma" (cashew silk, rose petal, warm naan) $26; "Charred Eggplant Bharta" (smoked over coals, garlic, ginger) $19; "Lamb Sukka" (dry-fried coorg spices, curry leaf) $28; "Falooda Sundae" (rose syrup, basil seed, kulfi, vermicelli) $12.
Then the gallery: Lay the gallery as ONE full-width section spanning the entire page width — a short eyebrow and headline at the top, then the photos below as a single edge-to-edge horizontal row of images filling the full width. a eyebrow in Inter reading exactly "The Room"; a headline in Space Mono reading exactly "Rose plaster, brass, and the harbor"; a subhead in Inter reading exactly "The dining room, the terrace, and the water — every table gets the view."; a vaporwave gradient and glitch digital art photo of tandoori prawns on dark stoneware with charred lime and kasundi butter; a vaporwave gradient and glitch digital art photo of the harbor-view terrace at dusk with brass lanterns and sailboat masts beyond; a vaporwave gradient and glitch digital art photo of a falooda sundae in a tall glass, rose syrup and kulfi layers.
Then the visit section: Lay the visit area as ONE full-width section spanning the entire page width — on the LEFT the eyebrow, the headline, then the fact labels EACH ON ITS OWN LINE at the same comfortable size as body text (address, phone and hours are never squeezed onto one cramped line or shrunk to fit), then a short contact form; on the RIGHT the map; together the two halves fill the one full-width section. a eyebrow in Inter reading exactly "Visit"; a headline in Space Mono reading exactly "On the Sausalito boardwalk"; a row of all 3 fact labels in Inter: "689 Bridgeway, Sausalito, CA 94965", "(415) 555-0132", "Dinner Wed–Mon 5–10 PM · Terrace from 4 PM"; a form-label in Inter reading exactly "Name"; a form-label in Inter reading exactly "Email"; a form-label in Inter reading exactly "Party size"; a cta in Inter reading exactly "Book a Table"; a vaporwave gradient and glitch digital art map of a minimal elegant map of the Sausalito waterfront with a gold pin on Bridgeway.
At the very bottom, a footer band TALL ENOUGH that every footer string sits on its own clear line or slot at the SAME comfortable size as body text — footer text is never miniaturized to make the band thin: a logo in Space Mono reading exactly "Tamarind & Rose"; a tagline in Inter reading exactly "Spice, salt air, and the bay."; a row of all 2 fact labels in Inter: "689 Bridgeway, Sausalito · (415) 555-0132", "Dinner Wed–Mon · Terrace from 4 PM"; a legal in Inter reading exactly "© 2026 Tamarind & Rose, Sausalito".
Only the imagery, backgrounds, ornament and styling are in the style of a vaporwave aesthetic, every section a full-bleed image with the type laid over it, vaporwave gradient and glitch digital art — never the text. ALL TEXT is clean, reproducible web-font type — every string is a real web font, letterforms as if set in CSS, matching the authentic Space Mono (logo + headlines) and Inter (everything else) typefaces exactly, not word art. Spell every word exactly as written. Palette: #FF71CE, #01CDFE, #B967FF, #05FFA1.