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 Le Central Bistro, a historic French brasserie at 453 Bush Street in San Francisco's Union Square, in the visual world of a dark woodcut propaganda poster — heavy carved linework, oxblood and ink-black, cream paper with dark woodcut propaganda poster engraving 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 8 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 testimonials, 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 Anton / Oswald 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 #a12f24, #1c1613, #e9dcc0, #7a1f1a 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.
Across the very top, a thin navigation bar: a logo in Anton reading exactly "Le Central"; a nav-link in Oswald reading exactly "Menu"; a nav-link in Oswald reading exactly "History"; a nav-link in Oswald reading exactly "Gallery"; a nav-link in Oswald reading exactly "Visit"; a cta in Oswald reading exactly "Reserve a Table".
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 Oswald reading exactly "Union Square, San Francisco · Since 1974"; a headline in Anton reading exactly "A Little Taste of Paris in Downtown San Francisco"; a subhead in Oswald reading exactly "The city's first brasserie-style French restaurant, still serving the cassoulet it opened with."; a cta in Oswald reading exactly "See the Menu"; a cta in Oswald reading exactly "Book a Table"; a dark woodcut propaganda poster engraving hero-illustration of a marble-topped brasserie table laid for lunch — a copper cassoulet pot, a glass of red wine, a folded white napkin and a brass-railed banquette behind it.
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 dark woodcut propaganda poster engraving 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 Oswald reading exactly "Our History"; a headline in Anton reading exactly "Fifty years on Bush Street"; a body in Oswald reading exactly "Le Central opened its doors in November of 1974, founded by brothers Pierre and Claude Cappelle from Normandy, France, and was the first brasserie-style French restaurant in San Francisco. Through the seventies, eighties and nineties it was where the city's movers and shakers came for the power lunch, and Willie Brown has kept his Friday table for nearly fifty years. Pierre and Claude sold to their own cooks and maître d' in 1993; in 2024 the restaurant passed again to two long-time employees, David Gabiné and Ignacio Colorado."; a row of all 4 fact labels in Oswald: "Opened November 1974", "SF's first brasserie", "Over 17 wines by the glass", "4.6 stars on OpenTable"; a dark woodcut propaganda poster engraving supporting-illustration of the long brasserie dining room in the evening — gilded mirrors, oxblood leather banquettes, white paper over linen, and a zinc bar at the far end.
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 Oswald reading exactly "The Menu"; a headline in Anton reading exactly "Bistro Classics & the House Cassoulet"; a legend in Oswald reading exactly "Lunch 11:30–2:30 · Dinner 5:00–9:00 · Closed Sundays"; a legal in Oswald reading exactly "Happy hour at the bar Monday to Saturday, 4:30 to 6:00. Half-price wine bottles Monday evenings."; a menu of these 10 items set in Oswald, laid out as a grid of EXACTLY 3 rows of 4 cells, except the FINAL row which holds exactly 2 cells — the rest of that row stays EMPTY background. A short last row is correct. Never repeat, stretch or invent an item to fill it; inside EACH cell the item name is on its OWN line — a LONG name WRAPS onto a second line at the SAME full size, it is NEVER shrunk to force one 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 10 cells, one per item, no more: "Onion Soup Gratinée" (onion, crouton, gruyere, fines herbs) $14; "Escargot Bourguignon" (french escargot, garlic, butter, pernod, parsley) $17; "Pâté de Campagne" (cornichon pickles, toasted baguette, dijon mustard) $14; "Frisée aux Lardon" (frisée, lardon, poached egg, fuji apple, honey-dijon sherry vinaigrette) $19; "Le Central Cassoulet" (white beans, carrot, duck leg confit, lamb, pork shoulder, pork sausage) $36; "Steak Frites" (10oz. center cut prime NY steak, pommes frites, marchand de vin butter) $47; "Beef Bourguignon" (braised short rib, carrot, pearl onion, butter & herb egg noodles) $36; "Sautéed Petrale Sole" (marble potatoes, baby carrot, lemon, butter, capers) $32; "Roasted Chicken" (half chicken, fingerling potatoes, broccolini, romesco sauce) $28; "Truffle Pommes Frites" (truffle oil, parmesan, shaved truffles, parsley) $12.
Then the testimonials: Lay the testimonials out as ONE full-width section spanning the entire page width — a short eyebrow and headline, then the customer quotes as a row of testimonial cards, each with the quote and the person's name. a eyebrow in Oswald reading exactly "In the Press"; a headline in Anton reading exactly "Stuck in time, in a good way"; a quote in Oswald reading exactly "The dishes here feel stuck in time, but in a good way."; a attribution in Oswald reading exactly "The Infatuation"; a quote in Oswald reading exactly "Le Central exists as an homage to the French bistro."; a attribution in Oswald reading exactly "GAYOT"; a quote in Oswald reading exactly "It's been cooking for nearly 18,000 days."; a attribution in Oswald reading exactly "The sandwich board by the door, on the cassoulet".
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 Oswald reading exactly "The Room"; a headline in Anton reading exactly "Mirrors, brass, and a table by the window"; a subhead in Oswald reading exactly "Half a century of lunches between Grant and Kearny."; a dark woodcut propaganda poster engraving photo of a cast-iron pot of cassoulet with duck confit and sausage, crust broken open; a dark woodcut propaganda poster engraving photo of the zinc bar with brass rail, bottles ranked against a gilded mirror; a dark woodcut propaganda poster engraving photo of steak frites on a white oval plate with a copper pot of pommes frites.
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 Oswald reading exactly "Visit"; a headline in Anton reading exactly "453 Bush Street, between Grant and Kearny"; a row of all 3 fact labels in Oswald: "453 Bush Street, San Francisco, CA 94108", "(415) 391-2233", "Mon–Sat 11:30am–2:30pm and 5:00–9:00pm · Closed Sunday"; a form-label in Oswald reading exactly "Name"; a form-label in Oswald reading exactly "Email"; a form-label in Oswald reading exactly "Party size"; a cta in Oswald reading exactly "Request a Table"; a dark woodcut propaganda poster engraving map-illustration of a simple map of Bush Street between Grant Avenue and Kearny Street in downtown San Francisco.
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 Anton reading exactly "Le Central"; a tagline in Oswald reading exactly "A little taste of Paris in downtown San Francisco."; a row of all 3 fact labels in Oswald: "French brasserie · Union Square · Opened 1974", "453 Bush Street, San Francisco, CA 94108 · (415) 391-2233", "Lunch and dinner Monday to Saturday · Closed Sunday"; a legal in Oswald reading exactly "© 2026 Le Central Bistro".
Only the imagery, backgrounds, ornament and styling are in the style of a dark woodcut propaganda poster — heavy carved linework, oxblood and ink-black, cream paper, dark woodcut propaganda poster engraving — 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 Anton (logo + headlines) and Oswald (everything else) typefaces exactly, not word art. Spell every word exactly as written. Palette: #a12f24, #1c1613, #e9dcc0, #7a1f1a.