About This Template
A warm, premium HTML template for coffee shops and cafes. Built with semantic HTML, vanilla CSS with a full design system, and lightweight JavaScript. No frameworks, no dependencies, no build step required.
KOPPEE is part of the uiuxlabz collection — a set of premium, framework-free HTML templates designed from each subject to feel genuinely unique. Open the folder, edit the text and tokens, and you have a production-ready website for a food & restaurant business.
Key Features
- ✓Design System: Custom properties for colors, typography, spacing, shadows, and transitions
- ✓Typography: Cabin (headings) + Work Sans (body) loaded from Google Fonts
- ✓Color Palette: Brown `#92400E`, Cream `#FEF3C7`, Dark `#1C1917`, Warm `#F5F0EB`
- ✓Responsive: Three breakpoints — desktop, tablet (980px), mobile (720px)
- ✓Animations: IntersectionObserver-powered reveal effects with delay classes
- ✓Accessibility: Semantic HTML5, ARIA labels, prefers-reduced-motion support
- ✓Mobile Navigation: Animated burger menu with slide-in panel
- ✓Form Handling: Client-side validation with success/error states
- ✓Active Navigation: Auto-highlights current page link
- ✓Dynamic Year: Footer copyright updates automatically via `[data-year]`
- ✓Menu Filtering: Category filter buttons on the menu page
- ✓Zero Dependencies: Pure HTML, CSS, and vanilla JavaScript