Akame

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Akame is a website template for hair salons, barbers and beauty studios, built on Bootstrap 5, with a light, elegant design. The layout is responsive and mobile-ready and works in all popular web browsers. It comes with seven pages: home, about, services, portfolio, blog, blog post and contact.

The home page has a full-width hero slider, about and services sections, a why-choose-us section, a filterable portfolio with a lightbox, the team of stylists, the latest blog posts and a call to action. The about page adds a video, counters, a testimonial slider and a booking table, the services page has price lists over parallax photos, and the blog has a masonry grid and a post page with comments. The drop-down menu has two levels, sections fade in as you scroll, and the contact page has a map that loads on click and a working contact form. Akame gives you a ready-made site to present your salon, its services and its stylists.

What’s new in 3.0

• Bootstrap 5.3.8 (the 2019 release used Bootstrap 4.2.1 and jQuery 2.2.4), compiled from Sass together with the theme and the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero, testimonial and booking table sliders, PhotoSwipe replaces Magnific Popup in the portfolio lightbox, Jarallax 3 runs the parallax photos, a native dialog plays the video, and small built-in modules replace ClassyNav, Isotope, Counter-Up, WOW and scrollUp for the mobile menu, the portfolio filter and masonry grid, the counters, the scroll reveals and the back-to-top button. Lucide SVG icons replace the ElegantIcons, Font Awesome 4.7 and menu icon fonts, and a small subset of Font Awesome 7 Brands draws the social logos. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script; the old gulp setup is gone.
• Lighter pages: all seven pages together went from 10.5 MB and 269 requests to 4.1 MB and 138 requests. Every photo has an AVIF version with the JPEG or PNG as the fallback, real dimensions and lazy loading below the first screen, the logo is an SVG, and the full-screen preloader that hid every page until it had loaded is gone. The download is now 4.7 MB (it was 4.3 MB), because it also includes the Bootstrap Sass source, the build tools and the AVIF images.
• No third-party requests: Open Sans and Playfair Display are self-hosted, the icons are local SVGs, the about page video loads from YouTube’s privacy-enhanced player only after a click, the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks “Show map”, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded its fonts from Google Fonts, and the contact page loaded a Google Maps map with the page.
• Working forms: the contact form and the blog comment form send through includes/send-email.php, with a spam trap and an in-page message. Before, both forms posted to “#” and no mail script was included, so nothing could be sent.
• Accessibility: a skip link, landmarks and one h1 per page, a real menu button that opens a mobile menu dialog which keeps focus inside and closes with Esc, submenus, portfolio zoom links and team social links that work from the keyboard, names on icon-only links, labelled form fields, visible focus rings and WCAG AA text contrast, with all text at 4.8:1 or better: dark text on the gold buttons and booking table header (white on gold was 2.4:1), a darker gold for gold text and darker greys for body and meta text.
• Fixed: the blog post page marked Home as the current page in the menu; it now marks Blog. Links that pointed nowhere, including the Book Now button, other buttons, post links, the footer logo and the dropdown menu items, now open their pages, and the header cart icon, which linked nowhere and had no shop behind it, is gone. The blog grid keeps its original column spacing.
• New demo content: salon blog posts in place of off-topic news stories, colour treatments in the price list, a fictional signature and testimonials, placeholder contact details and corrected typos. A photo that showed branded hair tools is replaced with an Unsplash photo, and logos are retouched out of five others.