Meridian - Coffee HTML Template

Meridian - Coffee HTML Template

Meridian is a premium HTML template suite built for specialty coffee businesses, including roasteries, cafes, mobile carts, bakeries, and subscription brands. It features five distinct home page variants and eight inner pages, all sharing a carefully crafted warm editorial design system. Built with pure vanilla HTML, CSS, and JavaScript, Meridian is fully responsive and uses CSS Grid and Flexbox for layout.

Key Features

• Persistent cart with localStorage
• 4-step checkout with payment method switcher
• 3-step subscription checkout with cadence pills & gift toggle
• Reservation modal with interactive date and time selectors
• Event booking with four event-type templates
• Smart taste quiz with bean recommendation engine
• Live search overlay across products, menu, events, beans
• Image lightbox with keyboard navigation
• Login, signup, and password reset flows with validation
• Filterable product catalogue with live result counts

Built With

• HTML5
• CSS3
• JavaScript

Ideal For

Meridian is ideal for specialty coffee businesses, including roasteries, cafes, mobile carts, bakeries, and subscription brands.