We're now just 5 days away from launching the Divi 5 Design System, and today's update is a big one.

In this video, I walk you through the latest additions to the system, including:

✅ Responsive heading presets

✅ Primary and secondary button styles

✅ Outline button variations

✅ A brand-new spacing scale

✅ Design system color integration

✅ Responsive typography and buttons

✅ Gradient heading support in Divi 5

Instead of manually styling every element on your website, the design system allows you to apply consistent, professional styling with just a few clicks.

You'll see how quickly a simple section can be built using presets for headings, spacing, text, and buttons. The goal is simple: build websites faster, maintain consistency, and eliminate repetitive design work.

We're getting closer to launch every day, and tomorrow I'll be working on the auto-grid system to make layouts fully responsive with even less effort.

📅 5 days until launch. If you're building websites with Divi 5, subscribe and follow the daily updates as I continue building the design system from the ground up.

We're officially 7 days away from launching the Divi 5 Design System, and today marks Day 1 of the journey.

If you've ever found yourself manually styling every heading, button, notice, and text element on a website, you already know how quickly those clicks add up. A proper design system solves that problem by helping you build websites faster, maintain consistency, and eliminate repetitive design work.

In today's video, I reveal the foundation of the entire system:

✅ 148 custom variables built from scratch
✅ Professional typography scales
✅ Semantic color system
✅ Fluid spacing and sizing variables
✅ Badges, labels, notices, and text styles
✅ Responsive clamp-based values throughout

You'll also see how these variables make it incredibly easy to build reusable components without constantly adjusting settings, colours, spacing, and typography.

This design system has been built specifically for Divi 5 and will become the foundation for future tutorials, live streams, and website builds.

There is a precise moment when technology ceases to be a simple catalog of features and becomes an instrument of identity. As a freelance writer, I observe the digital horizon not with the anxiety of someone who must chase the latest algorithm, but with a gaze focused on the weight, the measure, and the profound quality of the work we offer to the world. From this perspective, the anticipation for the release of KrafterPro 3.0 is not a mere technical curiosity; it is the confirmation of a shared vision.

In a digital and development landscape dominated by an obsessive pursuit of artificial perfection, Mak's latest message strikes a chord for one specific reason: his vulnerability. Seeing a professional choose to show himself without filters, facing the physical discomfort of allergies and the drowsiness of medications just to speak to his community, is not a minor detail. It is an act of profound intellectual honesty.

This transparency does not merely humanize a brand; it establishes an immediate, perceptual resonance with those who live the daily reality of self-employment. Justifying timelines and sharing the struggle means bridging distances, transforming a purchasing audience into a community of colleagues united by the very same ethical and professional code.

From a purely strategic perspective, the decision to rebuild the entire design system for Divi 5 from scratch reveals a rare foresight. For those who develop, this is the most arduous, laborious path, entirely devoid of shortcuts; yet, for us freelancers, it represents a genuine act of respect for our time.

Managing fragmented workflows or chasing continuous, unstable updates has become one of the greatest pain points in our profession. Offering a solid, definitive structure, conceived from the ground up for stability, means protecting the daily creative workflow of your clients.

This is beautifully combined with great commercial inclusiveness: unbundling the product, allowing the design system to be purchased separately, lowers the barrier to entry for individual professionals. It demonstrates a genuine, concrete sensitivity toward the real market, and not just toward large agencies.

If we do not wish to create digital spaces that copy one another, the human touch and creativity remain the cutting edge that will make the real difference, without ever sacrificing speed and quality of implementation.

Mak's position on Cognitive Intelligence is exemplary in its pragmatism, far removed from the hype of the moment. Today, we are witnessing a narrative that portrays computing tools as total substitutes for human ingenuity. Reality, however, demands a sharp distinction: the algorithm is a formidable assistant, an amplifier of speed, but it does not and will never possess basic architectural sensitivity.

Without a robust structure, with production-ready and exportable modules, the concrete risk is standardization: a web made of faded, soulless replicas. KrafterPro 3.0 fits squarely into this groove, offering a robust engine that optimizes time without ever taking the helm away from human creativity.

In conclusion, what makes this journey extraordinary is not only the technical excellence of the upcoming system, but the courage of its creator. I want to publicly commend Mak for his extraordinary candor and for the communicative risks he deliberately chooses to take.

Let us not look the other way; especially in an era of glossy, cold, and prepackaged corporate press releases, his choice to expose himself directly, with his current limitations and his raw business truths, is a breath of fresh air. Mak demonstrates that true leadership is built on mutual respect and transparency, charting a clear course where technological innovation goes hand in hand with the dignity and value of the human side of business.

We eagerly look forward to welcoming KrafterPro 3.0!

Here is a quick update about what's coming up on Divi University.

I have deployed my rebuilt website, and I checked it from my phone using the Firefox mobile app to make sure everything was behaving responsively. The menu was not displaying well at all. The font was too large, the spacing between items was too large and you couldn't see the full item text or the entire menu list.

I set this issue aside and I revisited it a few moments ago. What I discovered is that the website and the menu look great when using the Chrome, Edge or Vivaldi browsers on the phone, but they do not render correctly when using the Firefox or Opera browsers on the phone.

I offer this information as a point of interest and perhaps a point of discussion. Obviously, we can't know what a website visitor might prefer to use as a browser on their phone. Does anyone have a thought - good or bad - about adding a disclaimer that states "This site is best viewed on phones through Edge, Chrome or Vivaldi browsers"? Alternatively, does anyone have a thought as to what, if anything, might be done to get the same performance from Firefox and Opera?

Please suggest the best QUIZ plugin to use with Divi 5.

Thanks,

Does anyone know an estimated release date for KrafterPro 3.0?

Quick update about the Divi Design System.

The blog theme is built. I used the WP editor as instructed when building it. Now, when I create a post, do I use the DIVI 5 editor, or do I still need to use the WP editor? Has the issue that required using the WP editor when building the Blog module been resolved? Thanks in advance.

How do I get an invoice for the course I bought? Urgently need one for my accounts. No response from anywhere - even tried a support ticket - 2 weeks ago and no reply. Please can someone advise. Thank you