Coffee Blend

Author: Colorlib

Updated: October 2026 · v3.0.1

Credits: Images from Unsplash

Coffee Blend is a coffee website template for nearly any coffee business you plan to launch or already run. It is adaptable, simple to use, responsive and mobile-ready.

If you like dark layouts, Coffee Blend is for you. It loads content on scroll and has animated statistics, hover effects, a filterable menu, Book a Table forms and a blog. Use it as is, or adapt it for your café or bar.

What’s new in 3.0

• Bootstrap 5.3.8 (the previous download was Bootstrap 4.1), and no jQuery: plain JavaScript with Swiper, PhotoSwipe and the browser’s own date and time pickers. The Sass is split into partials, with a documented npm run build.
• Lighter pages: the 11 pages together went from 34.2 MB to 11.0 MB. The photos are 5.1 MB as JPG and 1.7 MB as AVIF, with the JPG as the fallback.
• Poppins, Josefin Sans and Great Vibes are self-hosted, and the icon fonts are cut to the 21 icons in use (2.9 MB to 3.5 KB).
• The map works: it showed Google’s “Oops! Something went wrong” panel. It is now a keyless embed that loads only when the visitor clicks Show map.
• Working contact and Book a Table forms through php/send-email.php and php/book-table.php, validated before sending.
• Accessibility: a skip link, labels on every form field, real alt text, visible keyboard focus and dark text on the gold panels (white on gold was 2.55:1).
• Fixed: the Shop menu did not open on click, links went to pages and images that never shipped, and choosing a payment method at checkout cleared “Create an account”.