THE BEAN SPOT – CAFÉ WEBSITE PROJECT THE BEAN SPOT is a café-themed website designed to deliver a warm, cozy, and inviting digital experience inspired by rich chocolate tones and comforting coffeehouse vibes. The website represents a modern café that offers a variety of beverages, snacks, and value combos, all presented through an elegant and user-friendly interface. DESIGN & VISUAL THEME The website uses a carefully selected chocolate brown and beige color palette to reflect warmth, indulgence, and comfort. Typography plays an important role in the design, combining PLAYFAIR DISPLAY for stylish headings with Roboto for clean and readable body text. A visually engaging hero section with a café-style background image welcomes visitors and immediately sets the mood. The layout is spacious, centered, and well-balanced to ensure readability and visual harmony. NAVIGATION & STRUCTURE The navigation bar is simple and intuitive, allowing users to smoothly explore the website through the following sections: HOME – A welcoming introduction to the café’s atmosphere MENU – A detailed display of drinks, snacks, and combo offers ABOUT – A description of the café’s concept and ambiance CONTACT – A customer-friendly message form MENU HIGHLIGHTS The menu section is the heart of the website, organized into clearly defined categories for easy browsing. COFFEE includes both hot and cold favorites such as Espresso, Cappuccino, Latte, Mocha, Iced Latte, and Mocha Frappe. NON-COFFEE BEVERAGES offer comforting and refreshing options like Hot Chocolate, Masala Chai, Green Tea, Lemon Iced Tea, and Mango Cooler. BAKERY & BITES feature sweet and savory treats including Cookies, Brownies, Muffins, Croissants, Sandwiches, Garlic Bread, and French Fries. ADD-ONS such as flavored syrups, whipped cream, and extra espresso shots allow customers to customize their drinks. The site also promotes Smart Combo Deals, encouraging customers to enjoy value combinations like Coffee with Cookies or Latte with Garlic Bread. Each menu item is presented with an image, name, and price, making the section visually appealing and easy to understand. ABOUT SECTION The About section shares the café’s story and concept — blending premium coffee, rich chocolate tones, and a cozy environment to create memorable experiences for customers. CONTACT SECTION A simple and accessible contact form allows visitors to send messages by entering their name, email, and queries, encouraging interaction and customer engagement. TECHNICAL IMPLEMENTATION This project is built using HTML for structure and CSS for styling. It includes responsive viewport settings, external Google Fonts for enhanced typography, and Flexbox for neatly aligned menu layouts. The website follows a clean structure with consistent spacing and a clear visual hierarchy. PROJECT PURPOSE The Bean Spot website serves as a digital showcase for a café, presenting its menu, atmosphere, and offerings in a visually warm and inviting way. The design combines aesthetics with usability to create an enjoyable browsing experience that reflects the charm of a real coffee shop.