Unbrew

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Unbrew is a digital agency template, built on Bootstrap 5. It has a purple gradient hero with a flat illustration, sky-blue and violet accents and white service cards, and the layout is responsive and mobile-ready. There are eight pages: home, about, services, pricing, work, blog, a single blog post and contact.

The home page has six services with icons, counters, an about block, the team, a client review slider, four reasons to choose the studio, recent work, four pricing plans, the latest posts and a newsletter sign-up. You will also find a portfolio of twelve projects, a blog with post cards and pagination, a blog post with an author box, comments, a comment form and a sidebar search, and a contact page with a working contact form and a map that loads on click. Unbrew gives you a ready-made site for a digital, marketing or design agency.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 5.0.0-beta1), compiled from Sass together with the theme, and plain JavaScript. Swiper 14 replaces tiny-slider on the review slider and a small built-in module replaces AOS; unused lightbox, video player and parallax scripts are gone. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and script.
• Lighter pages: the home page went from 9.9 MB and 43 requests to 1.6 MB and 37 requests, and all nine pages together from 36.1 MB to 7.3 MB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen.
• No third-party requests: Roboto is self-hosted, the icon fonts are replaced by Lucide SVG icons with a distinct icon for every service and a 1 KB social-logo subset, and the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks it.
• The newsletter, contact and comment forms work: they validate the fields, send email through an included PHP handler with a spam trap, and show the result on the page. The blog search sends its query to the blog page.
• Accessibility: a skip link, landmarks, one main heading per page, labelled links and form fields, a visible focus ring, and text, button and gradient colours that meet WCAG AA contrast.
• Titles, descriptions, social sharing tags and structured data on every page, real agency copy with distinct reviewers, projects and a sample article instead of placeholder text, links to real pages, and fixes for script errors on every page and a missing post image.