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 Redwood Pizzeria, a pizzeria in Felton, California, in the visual world of a Belle Epoque Parisian grand brasserie, every section a full-bleed image with the type laid over it with fine engraved copperplate line illustration with flat colour 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 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 — keep ONE single continuous background running unbroken down the whole page (its colour never changes), but mark each transition from one section to the next with a single delicate thin HAIRLINE RULE spanning the full width — that fine line is the ONLY thing separating the sections.
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 fine engraved copperplate line illustration with flat colour 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 Playfair Display / Libre Franklin 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 #7A1F2B, #C9A227, #123A32, #F4EFE4. (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 Playfair Display reading exactly "Redwood Pizzeria"; a nav-link in Libre Franklin reading exactly "Story"; a nav-link in Libre Franklin reading exactly "Menu"; a nav-link in Libre Franklin reading exactly "Gallery"; a nav-link in Libre Franklin reading exactly "Visit"; a cta in Libre Franklin reading exactly "Call (831) 335-1500".
Directly below it, the hero area, wider than tall: the headline, subhead and buttons sit on a FLAT SOLID area of the palette (a plain colour field or solid band), and any hero illustration is a bounded panel to ONE SIDE of that text — the hero text is NEVER laid over a photograph, busy scene or detailed image, so the words always sit on a clean solid background: a eyebrow in Libre Franklin reading exactly "Felton, CA · Santa Cruz Mountains"; a headline in Playfair Display reading exactly "Organic Pizza in the Redwoods"; a subhead in Libre Franklin reading exactly "100% organic and vegan since 2007, on Highway 9 in Felton."; a cta in Libre Franklin reading exactly "See the Menu"; a cta in Libre Franklin reading exactly "Call to Order"; a fine engraved copperplate line illustration with flat colour hero-illustration of a striding Bigfoot among towering redwoods with a glowing wood-fired oven.
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 fine engraved copperplate line illustration with flat colour 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 Libre Franklin reading exactly "Our Story"; a headline in Playfair Display reading exactly "Green before it was a trend"; a body in Libre Franklin reading exactly "Evan Borthwick opened Redwood Pizzeria in May 2005, on the road through the redwoods in Felton. In 2007 we made our dough and marinara 100% organic and vegan, and we've kept it that way ever since. We're a Certified Green Restaurant: knotty-pine walls, a rotating tap of local beer, and a wall-sized forest mural. The crust speaks for itself."; a row of all 4 fact labels in Libre Franklin: "Est. 2005", "Organic & vegan since 2007", "Certified Green Restaurant", "4.6 stars · 331 reviews"; a fine engraved copperplate line illustration with flat colour supporting-illustration of the restaurant's knotty-pine interior with the wall-sized forest mural.
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 a grid of SEPARATE cells with clear gaps between them, in the EXACT number of rows and columns given with the item list below — every cell 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 Libre Franklin reading exactly "The Menu"; a headline in Playfair Display reading exactly "Fresh, Local, Organic"; a legend in Libre Franklin reading exactly "Organic · Vegetarian · Vegan · Vegan-available"; a legal in Libre Franklin reading exactly "Our dough and marinara are 100% organic and vegan."; a menu of these 4 items set in Libre Franklin, laid out as a grid of EXACTLY 1 rows of 4 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. Draw EXACTLY 4 cells, one per item, no more: "Redwood" (pepperoni, garlic, parmesan, romano) $17.50 / $24.00 / $29.00; "Bigfoot" (spinach, red onion, garlic) $17.50 / $24.00 / $29.00; "White" (ricotta base, spinach, garlic, tomato, romano, parmesan) $19.00 / $26.00 / $31.50; "Combo" (pepperoni, sausage, mushroom, red onion, cheddar) $20.00 / $28.00 / $34.00.
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 Libre Franklin reading exactly "The Place"; a headline in Playfair Display reading exactly "Knotty pine, neon, and a forest mural"; a subhead in Libre Franklin reading exactly "The room, the mural, and the pies, straight from the corner of Highway 9."; a single wide flat solid bright magenta (#FF00FF) placeholder block spanning the full width as the photo row (the real photos go here).
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 Libre Franklin reading exactly "Visit"; a headline in Playfair Display reading exactly "Find us on Highway 9"; a row of all 3 fact labels in Libre Franklin: "6205 Highway 9, Felton, CA 95018", "(831) 335-1500", "Wed–Sun, 4:00–9:00 PM · Closed Mon & Tue"; a form-label in Libre Franklin reading exactly "Name"; a form-label in Libre Franklin reading exactly "Email"; a form-label in Libre Franklin reading exactly "Message"; a cta in Libre Franklin reading exactly "Send Message"; a fine engraved copperplate line illustration with flat colour map-illustration of a simple map of Highway 9 in Felton.
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 Playfair Display reading exactly "Redwood Pizzeria"; a tagline in Libre Franklin reading exactly "Fresh, Local, Organic!"; a row of all 3 fact labels in Libre Franklin: "Certified Green Restaurant · Organic & vegan since 2007", "6205 Highway 9, Felton, CA 95018 · (831) 335-1500", "Open Wed–Sun, 4–9 PM"; a legal in Libre Franklin reading exactly "© 2026 Redwood Pizzeria".
Only the imagery, backgrounds, ornament and styling are in the style of a Belle Epoque Parisian grand brasserie, every section a full-bleed image with the type laid over it, fine engraved copperplate line illustration with flat colour — 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 Playfair Display (logo + headlines) and Libre Franklin (everything else) typefaces exactly, not word art. Spell every word exactly as written. Palette: #7A1F2B, #C9A227, #123A32, #F4EFE4.