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 1960s pop-art comic with Ben-Day-dot pop-art screenprint 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 — give each section its OWN distinct background tone so it reads as a clearly bounded block, set off from the next by a crisp full-width horizontal rule; let the section backgrounds alternate between a few palette tones so every section is visibly its own panel down the page.
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) BANDS, NOT A SCENE: every section is its own clearly-bounded horizontal band on a FLAT solid (or at most one subtle single-texture) background; sections do NOT share a continuous illustrated scene, mural, or gradient washing across them. (2) DISCRETE IMAGERY: all pictures are separate rectangular panels — a hero illustration, one supporting illustration beside a text column, a photo row — never a single full-page artwork with the text and layout embedded inside 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, texture or pattern fused into the backgrounds. (4) REAL TYPE: every headline, label and price is set in the clean Baloo 2 / Work Sans web-font typefaces exactly — never hand-lettered, warped, outlined, 3-D, or word-art lettering baked into the illustration. (5) RECTANGULAR LAYOUT: sections are upright rectangular bands stacked straight down — no diagonal, tilted, overlapping, torn or collaged panels. (6) FLAT PALETTE: keep to #E63946, #FFD400, #1D3557, #F1FAEE as a small set of flat tones, not a photographic wash of many colours. (7) TEXT ON FLAT FILL: EVERY line of text — headline, subhead, nav, menu name/details/price, labels, body, footer — sits on a FLAT SOLID area of the palette with strong contrast. Text is NEVER placed over a photograph, gradient, busy scene, patterned texture or detailed illustration, and NO text is baked inside an image panel. Where a section has both text and a picture, they occupy SEPARATE areas (text on a solid field, the picture in its own bounded panel beside or below it), never overlapping. (8) LEGIBLE & SPACED: keep text comfortably large — the SMALLEST text anywhere on the page (fact labels, captions, fine print, footer) is at least 1/70th of the page width tall, and no text is ever shrunk into small cramped chips to make it fit — with generous letter- and line-spacing so glyphs never touch, and align related text (menu prices, form fields) in clean rows/columns. If text does not fit at that size, give it more room, never smaller type.
EXCEPTION — IMMERSIVE HERO ONLY: constraints (2) and (7) are LIFTED for the hero area alone — the hero is a full-bleed photograph with the hero text laid directly over its dark-scrimmed region in real Baloo 2 / Work Sans type, crisp and high-contrast. Every OTHER section still obeys all constraints exactly as written.
Across the very top, a thin navigation bar: a logo in Baloo 2 reading exactly "Tamarind & Rose"; a nav-link in Work Sans reading exactly "Menu"; a nav-link in Work Sans reading exactly "Story"; a nav-link in Work Sans reading exactly "Gallery"; a nav-link in Work Sans reading exactly "Visit"; a cta in Work Sans reading exactly "Book a Table".
Directly below it, the hero area — IMMERSIVE: one cinematic full-bleed Ben-Day-dot pop-art screenprint 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 Work Sans reading exactly "Sausalito, CA · Modern Indian on the Water"; a headline in Baloo 2 reading exactly "Spice, salt air, and the bay"; a subhead in Work Sans reading exactly "Coastal Indian cooking — tandoor smoke, bright chutneys, and the day's catch."; a cta in Work Sans reading exactly "Book a Table"; a cta in Work Sans reading exactly "See the Menu"; a Ben-Day-dot pop-art screenprint 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 Ben-Day-dot pop-art screenprint 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 Work Sans reading exactly "Our Story"; a headline in Baloo 2 reading exactly "Two rivers, one table"; a body in Work Sans 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 Work Sans: "Almond-wood tandoor", "Dock-to-table seafood", "Natural wine cellar", "Harbor-view terrace"; a Ben-Day-dot pop-art screenprint 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 Work Sans reading exactly "The Menu"; a headline in Baloo 2 reading exactly "From the Tandoor & the Tide"; a legend in Work Sans reading exactly "Vegetarian · Vegan · Gluten-free options"; a legal in Work Sans reading exactly "Menus follow the docks and the season; chef's tasting Friday and Saturday."; a menu of these items set in Work Sans, 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 Work Sans reading exactly "The Room"; a headline in Baloo 2 reading exactly "Rose plaster, brass, and the harbor"; a subhead in Work Sans reading exactly "The dining room, the terrace, and the water — every table gets the view."; a Ben-Day-dot pop-art screenprint photo of tandoori prawns on dark stoneware with charred lime and kasundi butter; a Ben-Day-dot pop-art screenprint photo of the harbor-view terrace at dusk with brass lanterns and sailboat masts beyond; a Ben-Day-dot pop-art screenprint 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 Work Sans reading exactly "Visit"; a headline in Baloo 2 reading exactly "On the Sausalito boardwalk"; a row of all 3 fact labels in Work Sans: "689 Bridgeway, Sausalito, CA 94965", "(415) 555-0132", "Dinner Wed–Mon 5–10 PM · Terrace from 4 PM"; a form-label in Work Sans reading exactly "Name"; a form-label in Work Sans reading exactly "Email"; a form-label in Work Sans reading exactly "Party size"; a cta in Work Sans reading exactly "Book a Table"; a Ben-Day-dot pop-art screenprint 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 Baloo 2 reading exactly "Tamarind & Rose"; a tagline in Work Sans reading exactly "Spice, salt air, and the bay."; a row of all 2 fact labels in Work Sans: "689 Bridgeway, Sausalito · (415) 555-0132", "Dinner Wed–Mon · Terrace from 4 PM"; a legal in Work Sans reading exactly "© 2026 Tamarind & Rose, Sausalito".
Only the imagery, backgrounds, ornament and styling are in the style of a 1960s pop-art comic, Ben-Day-dot pop-art screenprint — 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 Baloo 2 (logo + headlines) and Work Sans (everything else) typefaces exactly, not word art. Spell every word exactly as written. Palette: #E63946, #FFD400, #1D3557, #F1FAEE.