System Requirements Document for monte-carlo-cafe

1. Introduction

1.1 MONTE CARLO CAFE — COMPLETE WEBSITE BUILD PROMPT

Build a premium, modern, fully responsive restaurant website for Monte Carlo Cafe, located in Downtown Los Angeles, California.

The website must have an elegant American diner identity, beautiful food photography, sophisticated typography, smooth animations, a professional menu experience, online ordering, table reservation functionality and a mobile-friendly layout.

2. System Overview

Monte Carlo Cafe (project name monte-carlo-cafe) is a premium, modern, fully responsive restaurant website for a breakfast restaurant and American diner in Downtown Los Angeles, California. The site carries an elegant American diner identity expressed through food photography, sophisticated typography, smooth animations, a professional menu experience, online ordering, table reservation functionality and a mobile-friendly layout. The last supplied image is designated as the logo and is used as the site logo.

Business profile. Monte Carlo Cafe, 109 E 5th St, Los Angeles, CA 90013, United States; phone +1 310-818-6628. Google rating 4.5 stars from 250 reviews; average price $10–20 per person. Opening time is 6:45 AM; closing time and other daily hours require confirmation and are presented as editable business hours. Services offered: dine-in, takeaway, delivery, outdoor seating and on-site services.

Actors. Human roles are the restaurant guest (browsing the menu, ordering online, reserving a table, contacting the restaurant) and the restaurant operator (maintaining editable business hours and the configurable external ordering provider link). Systems act in support: the online ordering provider, the Google Maps embed, and the contact form delivery channel.

Capabilities and journeys.

• Menu discovery. A guest opens the dedicated full-menu page, navigates categories, filters by category and reads individual dish cards with prominent prices, clear descriptions and food photographs where appropriate. Every item is reachable without unnecessary scrolling between categories; no item is hidden behind a limited popular-items section. Menu content includes categories such as Pancakes, French Toast & Waffles (e.g. French Toast (2) Eggs & (2) Patty Sausage, $14.00; Hot Cakes (2) Eggs & (2) Turkey Sausage, $14.00; Waffle (2) Eggs & (2) Patty Sausage, $14.00) and Breakfast Burritos (e.g. Chorizo Burrito, $12.50; Denver Burrito, $13.25; Everything Burrito, $13.75).
• Online ordering. A guest uses the functional online ordering interface; where direct ordering integration is not available, the site provides a configurable external ordering provider link.
• Reservation. A guest books a table through the reservation functionality.
• Location and contact. A guest views the Google Maps embed, uses Get Directions and Call Now, submits the contact form, and reads parking information. Parking notice: "Paid street parking is available nearby. Finding a parking space can sometimes be difficult."

Boundaries and defaults. Closing time and remaining daily hours are unconfirmed and must be editable rather than hard-coded. The ordering provider link is configurable, not fixed. The build covers all pages, sections and functionality — not the homepage alone — and all features must work. The full menu, ordering, reservation, location and contact capabilities above are the accepted scope; no further page inventory is asserted here.

Future work. Confirmation of closing time and full daily hours, and selection of the ordering provider, remain open.

3. Functional Requirements

3.1 MONTE CARLO CAFE — COMPLETE WEBSITE BUILD PROMPT

IMPORTANT: The complete restaurant menu is provided below. Include every item, its supplied description and exact price. Do not invent prices, remove items, or substitute dishes.

3.2 RESTAURANT INFORMATION

• Accepts reservations

• Accepts walk-ins

3.3 COMPLETE RESTAURANT MENU

Build a professional, visually attractive menu page with category filters, food images, search functionality, clear pricing and individual food cards.

3.4 COMPLETE RESTAURANT MENU / CATEGORY 1: BREAKFAST PLATES

Ham & 2 Eggs — $13.75

Ham paired with two eggs, prepared according to customer preference. Choose from seven egg preparation options. Served with a side and bread, with choices including potatoes, grits and three types of bread.

4 Bacon & 2 Eggs — $13.75

Four slices of bacon and two eggs prepared your way: scrambled, fried, over easy, or scrambled with cheese. Choose hash browns, grits or other available sides, with white, sourdough or wheat bread.

4 Link Sausage & 2 Eggs — $13.75

Finely chopped or ground meat sausage served with two eggs.

Spicy Sausage & 2 Eggs — $13.75

Spicy sausage served with two eggs.

1 Polish Sausage & 2 Eggs — $13.75

Minced seasoned meat cooked inside a casing, served with two eggs.

Burger Patty & 2 Eggs — $13.75

A flat, round cooked burger patty served with two eggs.

Corned Beef Hash & 2 Eggs — $13.75

Salt-cured beef, potatoes and onions served with two eggs.

Steak & 2 Eggs — $15.75

Steak served with two eggs, prepared scrambled, fried, sunny side up or with cheese. Choose steak doneness from rare to well done. Accompanied by hash browns, fries, rice, beans, potatoes or grits, plain or with cheese. Bread choices include white, sourdough or wheat.

1 Pork Chops & 2 Eggs — $13.75

Pork chop served with two eggs.

Chorizo & Egg Scrambled — $13.75

Spicy seasoned pork sausage mixed with scrambled eggs.

(2) Patty Sausages & (2) Eggs — $13.75

Two sausage patties served with two eggs. Choose scrambled, fried, over easy, egg whites or other available preparations, including cheese. Served with white, wheat or sourdough bread.

(2) Bacon (2) Links & (2) Eggs — $13.75

Two bacon strips, two sausage links and two eggs. Includes a choice of egg preparation, sides and bread.

Meatloaf — $13.75

Served with fresh vegetables and mashed potatoes with gravy.

3.5 COMPLETE RESTAURANT MENU / CATEGORY 2: OMELETTES

Bacon & Cheese Omelette — $14.25

Bacon and cheese omelette. Served with a choice of hash browns, grits (optionally with cheese), fries, rice, beans, country potatoes or mashed potatoes and gravy. Bread options include white, sourdough or wheat.

Denver Omelette — $14.25

Denver-style omelette served with a choice of hash browns, grits, fries, potatoes or beans, with or without cheese. Choose white, wheat or sourdough bread.

Veggie & Cheese Omelette — $14.25

Mixed vegetables and melted cheese. Choose potatoes, rice, beans or grits, plain or with cheese. Served with white, sourdough or wheat bread.

Everything Omelette — $15.25

A hearty omelette containing bacon, sausage, ham and cheese.

3.6 COMPLETE RESTAURANT MENU / CATEGORY 3: PANCAKES, FRENCH TOAST & WAFFLES

(2) Hot Cakes, (2) Eggs & (2) Links Sausage — $12.75

Two pancakes served with two eggs prepared your way and two link sausages. Egg choices include scrambled, fried, over easy, sunny side up, over medium, egg white or scrambled with cheese. Comes with one butter and one syrup.

(2) French Toast, (2) Eggs & (2) Bacon — $12.75

Two slices of French toast served with two eggs and two bacon strips. Choose your preferred egg preparation. Comes with one butter and one syrup.

French Toast (2), Egg (2) & (2) Links Sausage — $12.75

French toast paired with two eggs and two link sausages. Comes with one butter and one syrup.

(1) Waffle, (2) Eggs & (2) Bacon — $12.75

A crispy waffle served with two eggs and bacon slices. Comes with one butter and one syrup.

(1) Waffle, (2) Eggs & (2) Link Sausage — $12.75

Waffle accompanied by two eggs and two link sausages. Comes with one butter and one syrup.

Berries Waffle — $7.50

A golden waffle topped with fresh berries, typically accompanied by powdered sugar. Comes with one butter and one syrup.

(2) French Toast (2) Eggs & (2) Patty Sausage — $14.00

Two slices of French toast served with two eggs and two sausage patties. Comes with one butter and one syrup.

(2) French Toast (2) Eggs & (2) Turkey Sausage — $14.00

Two slices of French toast accompanied by two eggs and two turkey sausages.

(2) Hot Cakes (2) Eggs & (2) Patty Sausage — $14.00

Two hotcakes, two eggs prepared your way and two sausage patties. Comes with one butter and one syrup.

(2) Hot Cakes (2) Eggs & (2) Turkey Sausage — $14.00

Two pancakes accompanied by two eggs and two turkey sausages. Comes with one butter and one syrup.

Waffle (2) Eggs & (2) Patty Sausage — $14.00

Waffle served with two eggs and two sausage patties. Comes with one butter and one syrup.

Waffle (2) Eggs & (2) Turkey Sausage — $14.00

Waffle served with two eggs and two turkey sausages. Comes with one butter and one syrup.

3.7 COMPLETE RESTAURANT MENU / CATEGORY 4: BREAKFAST BURRITOS

Chorizo Burrito — $12.50

Chorizo, scrambled eggs, potatoes and cheese.

Sausage Burrito — $12.50

Scrambled eggs, potatoes and cheese.

Denver Burrito — $13.25

Ham, onion, bell peppers, scrambled eggs and cheese.

Rib Eye Steak Burrito — $13.75

Rice, beans, pico de gallo and cheese.

Chicken Burrito — $13.75

Bacon Burrito — $12.50

Fresh bacon, scrambled eggs, potatoes and cheese.

Ham Burrito — $12.50

Everything Burrito — $13.75

Ham, sausage, bacon, scrambled eggs, potatoes and cheese.

Steak Breakfast Burrito — $13.75

Chicken Breakfast Burrito — $13.75

Scrambled eggs, potatoes and cheese.

3.8 COMPLETE RESTAURANT MENU / CATEGORY 5: BREAKFAST SANDWICHES & BAGELS

Egg & Cheese — $6.75

Egg and cheese sandwich served on a choice of bagel or English muffin.

Ham & Cheese — $7.25

Ham and cheese sandwich served on a bagel or English muffin.

Ham, Egg & Cheese — $7.75

Ham, egg and cheese on a choice of bagel or English muffin.

Bacon, Egg & Cheese — $7.75

Crispy bacon, fluffy egg and melted cheese on your choice of bagel or English muffin.

Sausage, Egg & Cheese — $7.75

Sausage, egg and cheese sandwich with a choice of bagel or English muffin.

Bagel W/Cream Cheese — $4.00

Bagel or English muffin spread with cream cheese.

Turkey, Egg & Cheese — $7.75

Turkey, egg and cheese served on an English muffin or plain bagel.

3.9 COMPLETE RESTAURANT MENU / CATEGORY 6: BREAKFAST SIDES & EXTRAS

Grits — $5.00

Porridge made from ground corn.

Grits & Toast — $6.50

Grits served with toast.

Oatmeal — $6.75

Warm porridge.

Oatmeal & Toast — $7.75

Oatmeal served with toast.

2 Eggs — $5.00

Two eggs. Choose scrambled, fried, over easy, sunny side up, over medium, egg white or with cheese.

2 Bacon — $5.00

Two bacon strips.

(2) Link Sausages — $5.00

Two link sausages.

2 Toast — $2.25

Two slices of toast, with a choice of white, sourdough or wheat bread.

Hash Browns — $4.50

Fried shredded potatoes.

French Fries — $5.75

Fried potatoes.

Spicy Sausage — $5.50

Two spicy sausages with a savory blend of seasonings.

Polish Sausage — $5.50

Traditionally seasoned and smoked sausage.

(2) Patty Sausage — $5.50

Two sausage patties.

Burger Patty — $5.50

Seasoned ground beef patty.

Ham — $4.50

A slice of grilled ham, seared to a golden brown.

Mashed Potatoes — $6.25

Creamy mashed potatoes.

Corned Beef Hash — $6.25

Diced corned beef mixed with diced potatoes.

Avocado — $3.00

Fresh avocado.

White Rice — $4.25

Light and fluffy white rice.

Pinto Beans — $4.25

Slow-cooked pinto beans.

Country Potatoes — $5.25

Golden-brown potato cubes sautéed with bell peppers and onions.

Veggies — $5.25

A medley of sautéed vegetables.

Steak — $9.75

Steak cooked to your preferred doneness: rare, medium rare, medium, medium well or well done.

Turkey Sausage — $5.75

Seasoned ground turkey sausage.

3.10 COMPLETE RESTAURANT MENU / CATEGORY 7: LUNCH & DINNER PLATES

Ground Beef Steak — $13.50

Served with salad.

Grill Pork Chop (2) — $14.00

Two grilled pork chops served with salad.

Rib Eye Steak — $15.75

Rib eye steak served with salad.

Fried Chicken (4) — $13.50

Four pieces of fried chicken served with salad.

Meatloaf — $13.50

Served with fresh vegetables and mashed potatoes with gravy.

3.11 COMPLETE RESTAURANT MENU / CATEGORY 8: HOUSE SPECIALS & COMFORT FOOD

Beat It Club Special — $13.25

Turkey, bacon, lettuce, tomato, cheese and mayonnaise.

Chili Cheese Fries — $11.75

Crispy fries topped with hearty chili and melted cheese. Option to add extra cheese.

Chicken Tostada Salad — $12.75

Chicken, white rice, beans, salad, cheese, pico de gallo, sour cream and avocado.

Huevos Rancheros — $12.50

Traditional-style huevos rancheros.

Chilaquiles — $12.50

Chilaquiles with a choice of chicken or rib eye steak, served with tortillas soaked in salsa.

Onion Rings — $6.00

Crispy golden-fried onion rings, perfectly seasoned.

Chicken & Waffle — $12.50

Crispy fried chicken served atop a golden waffle, lightly dusted with powdered sugar.

Biscuts (2) And Gravy — $9.25

Two freshly baked biscuits served with rich, creamy gravy, typically featuring sausage.

Chicken Strips (3) & Fries — $11.25

Three crispy breaded chicken strips paired with seasoned crinkle-cut fries.

3.12 COMPLETE RESTAURANT MENU / CATEGORY 9: SANDWICHES & PANINIS

BLT Sandwich — $9.25

Lettuce, tomato and mayonnaise.

Steak Sandwich — $11.00

Steak sandwich with lettuce, tomato and mayonnaise.

Ham Sandwich — $7.25

Ham sandwich with lettuce, tomato and mayonnaise.

Ham & Egg Sandwich — $8.50

Ham and egg sandwich with lettuce, tomato and mayonnaise.

Grilled Ham & Cheese Sandwich — $8.50

Hot sandwich filled with ham and grilled cheese.

Bacon & Egg Sandwich — $9.25

Bacon and egg sandwich with lettuce, tomato and mayonnaise.

Sausage & Egg Sandwich — $9.25

Sausage and egg sandwich with lettuce, tomato and mayonnaise.

Egg Sandwich — $6.75

Egg sandwich with lettuce, tomato and mayonnaise.

Grilled Cheese Sandwich — $6.00

Hot sandwich filled with grilled cheese.

Breakfast Panini — $13.25

Egg, cheese and bacon on ciabatta bread.

Patty Melt Angus Beef — $13.25

Angus beef with grilled onion and cheddar cheese on sourdough bread.

Chicken Panning Club — $13.25

Tomato, bacon, cheese, mixed greens and chipotle aioli on ciabatta bread.

Ham Cheese Panini — $13.25

Tomato and cheddar cheese on ciabatta bread.

Chicken Sandwich — $10.50

Chicken sandwich.

Turkey Panini — $13.25

Spinach, tomato, cheddar cheese and chipotle aioli.

3.13 COMPLETE RESTAURANT MENU / CATEGORY 10: BEVERAGES

Orange Juice — $3.25

Cranberry Juice — $3.25

Hot Tea — $3.25

Choose chamomile or lemon ginger tea.

Milk — $3.25

Bottle Of Water — $2.25

Coffee — $3.25

Apple Juice — $3.25

3.14 COMPLETE RESTAURANT MENU / CATEGORY 11: BURGERS & CHICKEN

Hamburger — $10.25

Lettuce, tomato, onions and pickles, served with seasoned French fries.

3.15 MENU DESIGN REQUIREMENTS

The menu must be one of the most important parts of the website.

Create a dedicated full-menu page with:

• Beautiful category navigation.

• Individual dish cards.

• Accurate prices displayed prominently.

• Clear descriptions.

• Food photographs where appropriate.

• Category filtering.

• Mobile-friendly browsing.

• All menu items accessible without unnecessary scrolling between categories.

Do not hide menu items behind a limited popular-items section. Every item must be accessible.

• Search functionality.

• Add to Cart buttons where online ordering is configured.

Do not hide menu items behind a limited popular-items section. Every item must be accessible.

3.16 ONLINE ORDERING SYSTEM

Create a functional online ordering interface.

Customers should be able to:

• Browse the complete menu.

• Select dishes.

• Add items to their cart.

• Change quantities.

• Remove items.

• View subtotal.

• Review their order.

• Choose pickup or delivery.

• Enter contact information.

• Continue to checkout.

Provide a configurable external ordering provider link if direct ordering integration is not available.

3.17 TABLE RESERVATION SYSTEM

Create a professional reservation form with:

• Full name.

• Phone number.

• Email address.

• Reservation date.

• Preferred time.

• Number of guests.

• Special requests.

Include a Request Reservation button.

Connect it to a real reservation provider or backend when configured. Otherwise, clearly label it as a reservation request and do not display false confirmations.

3.18 CUSTOMER REVIEWS

Add a button to read more reviews on Google. Do not fabricate customer identities or additional reviews.

3.19 LOCATION & CONTACT

Display:

Monte Carlo Cafe

109 E 5th St, Los Angeles, CA 90013, United States

Phone: +1 310-818-6628

Include:

• Google Maps embed.

• Get Directions button.

• Call Now button.

• Contact form.

• Editable business hours.

• Parking information.

Parking notice:

"Paid street parking is available nearby. Finding a parking space can sometimes be difficult."

Parking notice:

"Paid street parking is available nearby. Finding a parking space can sometimes be difficult."

3.20 FOOTER

Include:

• Monte Carlo Cafe logo.

• Short restaurant description.

• Navigation links.

• Full menu link.

• Contact details.

• Address.

• Phone number.

• Opening hours.

• Google Maps directions.

• Social media links only when actual profiles are available.

Copyright:

© 2026 Monte Carlo Cafe. All Rights Reserved.

3.21 TECHNICAL REQUIREMENTS

Implement:

• Functional navigation.

Implement:

• Menu search and filtering.

Implement:

• Shopping cart.

• Quantity controls.

• Reservation form validation.

• Contact form validation.

• Click-to-call functionality.

• Google Maps directions.

3.22 FINAL INSTRUCTIONS

The menu information provided above is the source of truth.

IMPORTANT:

1. Include every supplied menu item.

2. Preserve all supplied prices exactly.

3. Do not invent missing prices.

4. Ensure all website features work.

Build the complete website with all pages, sections and functionality.

Do not stop after creating the homepage.

4. User Personas

The only human role established by the accepted evidence is the online customer of Monte Carlo Cafe, who places orders through the online ordering system. No other human roles, and no persona count, are established.

Journey (online customer): browse the complete menu → select dishes → add items to the cart → change quantities or remove items → view the subtotal → review the order → choose pickup or delivery → enter contact information → continue to checkout.

Systems (the online ordering system and its menu, cart and checkout functions) are supporting actors, not human personas.

5. Core User Flows

Each journey below starts from the homepage, whose primary actions are Explore Our Menu, Order Online and Reserve a Table. Journeys are independent; no ordering, login or permission step is implied between them.

5.1 Browse the complete menu

Actor: Site visitor. Trigger: Wants to see what the cafe serves.

1. Visitor selects Explore Our Menu (or the menu link in navigation) and lands on the dedicated full-menu page.
2. Visitor scans dish cards showing photograph, name, description and prominently displayed price.
3. Visitor narrows the list with category navigation or the search field; filtering and search combine so every item remains reachable.
4. Visitor switches categories without losing access to other items — no item is hidden behind a limited popular-items section.
5. Result: Visitor has seen the full menu on desktop or mobile.

Branches: A search with no matches shows an empty result state with a way to clear the query. Where online ordering is configured, each card carries an Add to Cart button that hands off to Journey 2.

5.2 Place an online order

Actor: Customer. Trigger: Chooses Order Online or adds a dish from the menu.

1. Customer browses the complete menu and adds dishes to the cart.
2. In the cart, customer changes quantities, removes items and views the running subtotal.
3. Customer reviews the order, then chooses pickup or delivery.
4. Customer enters contact information and continues to checkout.
5. Result: Order is submitted for fulfilment under the chosen method.

Branches: Removing the last item yields an empty-cart state with a return-to-menu path. Invalid or missing contact details block progression to checkout until corrected. Ordering is only offered where online ordering is configured; otherwise menu cards show no cart action.

5.3 Request a table reservation

Actor: Guest. Trigger: Chooses Reserve a Table.

1. Guest opens the reservation form and enters full name, phone number, email address, reservation date, preferred time, number of guests and any special requests.
2. Guest selects Request Reservation.
3. Form validation checks required fields and formats; errors are shown inline and the guest corrects them before resubmitting.
4. Result: The request is sent to the configured reservation provider or backend.

Branches: When no provider or backend is configured, the form is clearly labelled as a reservation request and no false confirmation is displayed. Walk-in guests are accepted without a reservation.

5.4 Find the cafe and get in touch

Actor: Visitor. Trigger: Wants directions, opening hours or to ask a question.

1. Visitor opens the location and contact section and sees the address (109 E 5th St, Los Angeles, CA 90013, United States), phone (+1 310-818-6628), editable business hours and the parking notice: "Paid street parking is available nearby. Finding a parking space can sometimes be difficult."
2. Visitor uses the Google Maps embed, Get Directions or Call Now (click-to-call).
3. Alternatively, visitor completes the contact form; validation flags missing or malformed entries before submission.
4. Result: Visitor has directions, has placed a call, or has sent a message.

5.5 Read customer reviews

Actor: Prospective guest. Trigger: Wants social proof before visiting.

1. Visitor reads the reviews shown on the site.
2. Visitor selects the button to read more reviews on Google and continues there.
3. Result: Visitor reaches the external review listing.

Constraint: No customer identities or additional reviews are fabricated; only genuine reviews are surfaced.

5.6 Cross-journey behaviour

Navigation, menu search and filtering, cart quantity controls, reservation and contact validation, click-to-call and Google Maps directions are functional requirements across these journeys. Detailed field lists, states and rules live in the functional requirements chapters; this chapter describes only the paths between them.

6. Visuals Colors and Theme

[Design proposal; unspecified choices are defaults.]

Muse and headline. The visual system follows Peter Saville's austere editorial restraint: one centred artefact, coded spot colour, sparse metadata, gallery silence. Headline: Your Favorite Breakfast Spot in Downtown LA.

Palette (light mode, flat, no gradients). Warm cream #F7F2E9 is the dominant ground (~65%). Pure white #FFFFFF is reserved for menu cards, forms and the sticky order bar. Espresso #29221E carries all body and heading text. Burgundy #793B35 is the primary action colour and section-label code (buttons, active filter chips, reservation panel ground). Golden accent #C69B59 is a spot colour only: rating stars, hairline rules, index numerals, small metadata punctuation. Muted #8A7F72 handles secondary copy and captions. Colour blocks are flat and hard-edged.

Typography. Headings Cormorant Garamond 500–600, tight leading 0.95–1.0, slight negative tracking at the largest sizes. Body Karla 400 at 17px / 1.65. Eyebrows and metadata Karla 600 all-caps 11–12px at 0.18em tracking. Menu prices in Karla 600 tabular figures so the price column aligns like a coded index. Scale (1.333 modular): display clamp(56px, 8vw, 128px); section H2 clamp(34px, 4.5vw, 64px); H3 clamp(22px, 2.4vw, 30px); body 17px; eyebrow 11px; caption 13px.

Shape and layout. 0px radius on cards, buttons, inputs and images. Hairline 1px rules in espresso at 20% opacity divide sections and menu categories. Buttons are solid rectangles with a 1px border and no shadow. Images are hard-cropped rectangles, occasionally full-bleed. Asymmetric 12-column grid, 24px gutters, outer margins clamp(24px, 96px). The menu page uses a sticky left category rail on desktop, collapsing to a horizontal scrollable filter bar on mobile; dish cards in two columns at 1280px, one at 375px. Reservation and contact are split panels: burgundy ground one side, cream form the other, full-height espresso rule between, gold underline drawing in on field focus. Section openers use a small all-caps code (e.g. 'SECTION 08 — ABOUT') above a large serif heading, separated by a full-width hairline rule.

Imagery. Large-scale natural-light food photography: full American breakfast spread, eggs and bacon, pancakes, waffles, omelettes, breakfast burritos, burgers and fries, sandwiches and paninis, coffee, interior and outdoor seating. All food photography is clearly generic stock, presented as illustrative of the menu, never as documentary photos of the restaurant's dishes. The supplied logo image is the wordmark in header and footer.

Accessibility. Headlines, wordmarks, labels, numbers, card text and controls stay whole inside the viewport and their container at 375px, 768px and 1280px, wrapping or scaling via clamp(...); imagery and decoration may crop or bleed instead.

6.1 DESIGN AND BRANDING

Color palette:

• Warm cream: #F7F2E9

• Espresso brown: #29221E

• Burgundy: #793B35

• Golden accent: #C69B59

• Pure white: #FFFFFF

Use elegant serif headings and modern sans-serif body typography.

Design requirements:

• Premium editorial restaurant appearance.

• Beautiful, realistic food photography.

• Large attractive hero section.

• Spacious layouts.

• Elegant navigation.

• Beautiful food cards.

• Professional buttons and hover effects.

6.2 HOMEPAGE

Create a beautiful hero section with a high-quality photograph of an American breakfast featuring eggs, bacon, pancakes, toast, potatoes and coffee.

Main heading:

"Your Favorite Breakfast Spot in Downtown LA"

Subtitle:

"Freshly prepared comfort food, classic American breakfasts and great coffee. Start your day with something delicious at Monte Carlo Cafe."

Display:

• 4.5 ★ Google Rating

• 250 Customer Reviews

• Breakfast • Brunch • Lunch

Buttons:

• Explore Our Menu

• Order Online

• Reserve a Table

Add restaurant highlights:

• Fresh Breakfast

• Great Coffee

• Fast Service

• Cozy Atmosphere

6.3 MENU DESIGN REQUIREMENTS

Use realistic, appetizing food photography. Use suitable generic food photography rather than falsely presenting stock images as actual photographs of the restaurant's dishes.

6.4 ABOUT US SECTION

Heading:

"A Neighborhood Favorite in Downtown Los Angeles"

Description:

"Monte Carlo Cafe brings together the comforting flavors of classic American dining and the welcoming atmosphere of a neighborhood restaurant. From hearty breakfast plates and freshly prepared omelettes to delicious burgers, sandwiches and coffee, there's something to enjoy throughout the day."

Use elegant restaurant and food photography.

6.5 GALLERY

Create an attractive image gallery featuring:

• Classic American breakfasts.

• Eggs and bacon.

• Pancakes and waffles.

• Omelettes.

• Breakfast burritos.

• Burgers and fries.

• Sandwiches and paninis.

• Coffee and beverages.

• Restaurant atmosphere.

• Outdoor seating.

6.6 CUSTOMER REVIEWS

Display:

4.5 / 5 Google Rating

250 Reviews

Use the following supplied review excerpts:

"It's a real nice place to eat, good food & nice owner, prices are reasonable."

"Great breakfast, good service and friendly staff."

"Ordered a cheeseburger panini with fries."

6.7 FINAL INSTRUCTIONS

The final result must look like a premium, professionally developed American restaurant website.

7. Signature Design Concept

[Design proposal; unspecified choices are defaults.]

Signature move — the cream block cutting the photograph. The homepage opens full-bleed with a breakfast photograph (eggs, bacon, pancakes, toast, potatoes, coffee) slightly desaturated toward warm cream. Overlapping its left third, a solid cream #F7F2E9 block (~46% width desktop, full width stacked on mobile) carries the headline in Cormorant Garamond at clamp(56px, 8vw, 128px), flush-left in three tight lines with the final word in burgundy. Beneath: the subtitle in Karla 17px, a single hairline rule, then the metadata row — '4.5 ★ Google Rating · 250 Customer Reviews · Breakfast • Brunch • Lunch' in all-caps Karla 11px with gold stars. Three rectangular buttons follow: 'Explore Our Menu' (burgundy fill, cream text), 'Order Online' (espresso outline), 'Reserve a Table' (gold fill, espresso text). The photograph bleeds off the right and bottom edges. No centred stack, no gradient, no blob.

Numbered highlight band. Four hard-edged columns — 01 Fresh Breakfast, 02 Great Coffee, 03 Fast Service, 04 Cozy Atmosphere — divided by full-height 1px rules, no card shadows.

Menu as coded index. Each dish card is a white rectangle with a hairline border, the price set in tabular Karla at the top-right like a catalogue number; category filters, search and every item accessible without hiding behind a 'popular' section.

Editorial consistency. About ('A Neighborhood Favorite in Downtown Los Angeles'), gallery, reviews (4.5/5, 250 reviews, supplied excerpts) and footer (logo, short description, navigation links) each open with a section code and large serif heading over full-width rules. Avoid gradient blobs, rounded cards, pill buttons, neon, centred SaaS heroes, hover-lift grids, marquees and parallax.

7.1 DESIGN AND BRANDING

Create an upscale American breakfast diner aesthetic.

8. Interaction Model & Motion Direction

[Design proposal; unspecified choices are defaults.]

Interaction Model: Static (direction) Motion Tempo: still Hero Dimensionality: flat

Landing Hero Motion Brief. Focal subject: the full-bleed breakfast photograph behind the cream headline block. Thesis: on load, the photograph settles from scale 1.04 to 1.0 over 1200ms while the cream block and its headline hold still — the image breathes, the type does not move. Motion vocabulary: one slow fade-and-rise reveal per section on viewport entry (600ms, cubic-bezier(0.22, 1, 0.36, 1), 24px travel); instant colour inversions on button hover; 200ms opacity shift on gallery images; native CSS smooth scrolling. Composed first frame: photograph at 1.04, cream block flush-left with headline, subtitle, hairline rule, metadata row and three buttons fully legible. Reduced-motion state: prefers-reduced-motion removes the scale and rise, rendering the hero and every section in final position; the mobile filter bar remains horizontally scrollable so each category can be brought fully into view. No parallax, no bouncing, no marquees.

8.1 DESIGN AND BRANDING

• Smooth scrolling.

• Subtle animations.

9. Non-Functional Requirements

9.1 DESIGN AND BRANDING

• Responsive mobile design.

9.2 ONLINE ORDERING SYSTEM

Use a real payment provider such as Stripe only after the restaurant's account and payment integration have been configured.

Do not simulate successful payments or claim orders have been received without a working backend.

9.3 TECHNICAL REQUIREMENTS

Build a complete working website, not a static visual mockup.

Implement:

• Responsive desktop, tablet and mobile layouts.

• SEO optimization.

Use restaurant structured data and appropriate local SEO metadata.

• Fast loading.

• Accessible interface.

• Clean, maintainable code.

9.4 FINAL INSTRUCTIONS

7. Make every section visually consistent.

8. Prioritize excellent design, usability and mobile responsiveness.

10. Tech Stack

10.1 TECHNICAL REQUIREMENTS

• Secure backend integration where needed.

11. Assumptions and Constraints

11.1 DESIGN AND BRANDING

Avoid generic AI templates, excessive gradients, neon colors and overcrowded layouts.

11.2 COMPLETE RESTAURANT MENU

All prices below are in USD.

11.3 FINAL INSTRUCTIONS

4. Do not remove dishes.

5. Do not create fake restaurant information.

6. Do not display fake payment or reservation confirmations.

• Project name: monte-carlo-cafe.
• The last attached image is designated as the logo and is to be used as the logo.

12. Glossary

12.1 RESTAURANT INFORMATION

Name: Monte Carlo Cafe

Category: Breakfast Restaurant / American Diner

Address: 109 E 5th St, Los Angeles, CA 90013, United States

Phone: +1 310-818-6628

Google Rating: 4.5 stars (250 reviews)

Average Price: $10–20 per person

Opening Time: 6:45 AM. Closing time and other daily hours need confirmation.

Services:

• Dine-in

• Takeaway

• Delivery

• Outdoor seating

• On-site services

Accessibility:

• Wheelchair-accessible entrance

• Wheelchair-accessible seating

Payments:

• Credit cards

• Debit cards

• NFC mobile payments

Parking:

• Paid street parking

• Parking spaces can be difficult to find.

12.2 COMPLETE RESTAURANT MENU / CATEGORY 11: BURGERS & CHICKEN

Cheese Burger — $10.75

Lettuce, tomato, onions and pickles, served with seasoned French fries.

Bacon Cheese Burger — $11.50

Lettuce, tomato, onions and pickles, served with seasoned French fries.

Chili Cheese Burger — $11.75

Lettuce, tomato, onions and pickles, served with seasoned French fries.

Double Cheese Burger — $12.75

Lettuce, tomato, onions and pickles, served with seasoned French fries.

Double Bacon Cheese Burger — $13.50

Lettuce, tomato, onions and pickles, served with seasoned French fries.

Crispy Chicken Sandwich — $10.50

Crispy chicken sandwich with lettuce, tomato and ranch.