Noirfolio
Sleek dark-mode portfolio theme for LiveCanvas and Bootstrap 5.
Elevate your portfolio sites with NoirFolio, a cutting-edge, developer-friendly WordPress theme built for speed, flexibility, and pixel-perfect control. Crafted with a sleek dark-mode palette and elegant typography, NoirFolio is ideal for UI/UX designers, frontend engineers, and creative agencies seeking a modern, performance-first foundation.
Modern Mask Blending image effect (only CSS):
One standout CSS effect is a mask effect applied to images, blending them into the background using a cool CSS only trick powered by a mix of mix blend and mask CSS properties.
The class used is .mask and .mix-blend-mode (set to screen by default), and it can be applied to any image element for that stylish layered look.
The template includes 5 pages, including a homepage and a single project page. Among the standout sections is a fully automated Timeline, which you can easily extend by duplicating blocks. It’s perfect for showcasing your business history or walking users through your workflow process step by step
Key Features & Technical Highlights
- Ultra-Lightweight & Clean Code
No bloat, no unnecessary scripts—just semantic HTML5, Bootstrap-powered CSS utilities, and minimal JavaScript. Hits near-perfect PageSpeed scores out of the box. - Dark-Mode Aesthetic Deep charcoal backgrounds contrast with warm ivory  accents. Interactive elements use a soft gold highlight for hover and active states.
- Elegant Variable Fonts. Primary headings: “Fira Variable” (optimized for on-the-fly weight adjustments). Body text: “Inter” with sub-pixel rendering for maximum legibility.
We chose this specific font pairing, but keep in mind that with the picostrap customizer, you can easily swap fonts and pick the ones that best match your style. This lets you create a unique look and feel — and reuse it seamlessly across multiple sites. - Developer-First Structure
- SEO & Accessibility Schema-friendly markup, ARIA roles, and keyboard-accessible navigation ensure peak discoverability and compliance.
Why NoirFolio?
Developers love Noirfolio because it respects their workflow—no locked-in builders, no heavy frameworks. Whether you tweak Bootstrap variables, inject custom SASS, or harness the LiveCanvas AI Assistant to convert designs into semantic markup, Noirfolio gives you the clean canvas you need to build standout portfolio sites that load instantly and rank highly.
Categories
Dynamic Templates
Which dynamic template is included in the child theme? All dynamic templates are built with LiveCanvas shortcodes and utilize Loops & Logic for dynamic data.
Sections Included: 3
In the child theme, you will also find the individual sections of all the pages, so you can reuse them if you need to build other pages.
Support and Docs
Discovering the World of picostrap Child Themes
Create beautiful websites effortlessly with picostrap child theme templates.
Explore a curated selection to kickstart your next project.
Ally Company
Clean, performance-focused one-page theme, ideal for agencies, startups, and content-driven sites.
Gourmet
A stunning website for a restaurant / cafe. A clean, professional design for your next project.