Arcade

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Arcade is a website template for architecture and interior design studios, built on Bootstrap 5, with a minimalist black, white and lime 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, contact and an elements page.

The home page has a full-height hero slider with a slide counter, an intro, service cards, a call-to-action block, milestones, a project carousel with category filters and a client logo carousel. The inner pages add a testimonial slider and team cards, a services page with a photo slider, a filterable portfolio grid with a full-screen lightbox, a journal with a sidebar, and a contact page with a working contact form and a map that loads on request.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.0 and jQuery), compiled from Sass together with the theme and the original Bootstrap 4 proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero, project, client, testimonial and service sliders, PhotoSwipe replaces Magnific Popup in the portfolio, a CSS grid with a small filter module replaces Isotope, and SVG rings replace the canvas progress plugin. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: all seven pages together went from 9.8 MB and 239 requests to 4.6 MB and 153 requests. Every photo has an AVIF version with the JPEG or PNG as the fallback, real dimensions and lazy loading below the fold, and each page preloads its header photo.
• No third-party requests: Roboto is self-hosted, Font Awesome is replaced by Lucide SVG icons and a small social-logo subset (the Twitter bird is now the X logo), the map is an OpenStreetMap embed that loads only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID.
• Accessibility: a skip link, landmarks and one main heading per page, named icon links and buttons, a keyboard-operable menu toggle, filters, accordion, tabs and lightbox, project overlays that open on keyboard focus, visible focus rings, reduced-motion support, and WCAG AA contrast with a dark scrim behind white text on photos.
• Working forms: the contact form has visible labels, checks the fields in the page, posts to an included PHP mail handler with a spam trap and shows sending, error and success messages; the journal search filters by keyword.
• Fixes: the hero’s second slide has its own photo and headline instead of repeating the first, every menu, footer and button link goes to a real page, the portfolio photos and client logos are new, and SEO titles, descriptions, Open Graph tags and structured data are added to every page.