Redesigning a website can be painful. Outdated themes, rigid layouts, and endless tweaking often lead to frustration and abandoned projects. Modena is here to fix that.
Why We’re Featuring Modena
This month, we’re spotlighting Modena because it was one of the first premium themes built for Concrete CMS, and it’s still the most popular. We even used it to relaunch the PortlandLabs website.
Modena license costs $49 per year, which includes updates and support. It’s a small investment for a theme that gives you a head start on creating polished, flexible websites with no hassle.
View Modena on the Marketplace →
How PortlandLabs Uses Modena
We’re not just hyping Modena, we're customers ourselves! When it came time to redesign our own PortlandLabs website we decided to use Modena instead of designing something from scratch, and it’s already paying off. We rebuilt the site using Concrete CMS and Modena to and focused on creating good content and picking nice imagery. We saves a lot of time and effort by skipping the Figma to theme chop process and were able to get a new site up in just a couple days of work. Since launch, traffic has tripled, and the design feels like it finally reflects who we are.
Want a peek behind the scenes? Read our PortlandLabs site rebuild case study.
Modena’s Blocks in Action
Modena is a modern, multi-purpose Concrete CMS theme built to look great out of the box and even better once you put your brand’s stamp on it. It’s clean, flexible, and packed with customization options that won’t make your head spin.
What makes Modena really shine isn’t just the polished design it’s how effortless it is to build with.
Tabs
Need a tabbed layout for FAQs or feature comparisons? Just click Add Tab, drop in your content, and set up as many as you need.
Call to Action? Modena Makes It Easy
Need a bold, clear way to drive clicks? Modena’s Buttons block handles that without breaking a sweat.
Whether you're linking to a form, guiding someone to your pricing page, or adding a simple "Learn More" button, this block gives you full control over layout, size, and style. Choose from solid, outline, or ghost styles depending on your visual hierarchy. Want them centered or aligned left? Just pick your preference from the dropdown.
Make an Entrance with the Hero Unit Block
First impressions matter. That’s where Modena’s Hero Unit block comes in.
This block is designed to create bold, high-impact intros for your pages. Whether you want a fullscreen hero with animated text or a more compact banner-style callout, Modena gives you full control.
You can add headlines, subhead text, and buttons, each with their own animation settings. For example, you can fade in the headline, slide the subtext from the left, and have the call-to-action button appear a moment later. Timing, speed, and easing are all adjustable without touching code.
If you’re building a site that needs to start strong, the Hero Unit block is your go-to. It’s not just a design element, it’s the opening statement for your entire site experience.
Designing Without the Headaches Using The Theme Customizer
Modena doesn’t just look good out of the box. It gives you full control to make your site feel uniquely yours.
The Theme Customizer lets you adjust typography, colors, spacing, and header behavior directly within the Concrete CMS interface. There’s no need to touch code or override templates. You can preview changes live, fine-tune styles in real time, and lock in the exact look you want.
Want to change your heading fonts to Helvetica, bump the H1 size, or adjust text weight? Just click and update. Prefer a transparent header that turns dark on scroll? You can do that too. Animation behavior, hover styles, button colors, and layout spacing are all accessible and easy to manage.
This level of control is usually hidden behind developer-only settings. Modena puts it in your hands.
Popular style updates:
- Adjust fonts and sizes across heading levels
- Set link and hover colors to match your brand
- Tweak background styles and padding for layout balance Control scroll effects and header transitions with visual tools
With Modena, you’re not stuck with a single aesthetic. You’re free to shape your site into something that fits your content and your audience perfectly.
Final Thoughts
Modena is more than just a good-looking theme. It’s a powerful, flexible tool that makes it easy to build a professional site without developer headaches. From customizable hero units and animated icon boxes to flexible layouts and live style editing, Modena gives you everything you need to make your site stand out.
Ready to give it a try?