(M)Social

#ja-blog-dm-wave2 { color:#33414e; font-size:16px; line-height:1.75; } #ja-blog-dm-wave2 .post-lead { font-size:19px; line-height:1.7; color:#33414e; } #ja-blog-dm-wave2 .post-lead strong { color:#007AFF; } #ja-blog-dm-wave2 h2 { font-weight:700; margin:40px 0 14px; font-size:27px; line-height:1.3; } #ja-blog-dm-wave2 h3 { font-weight:700; margin:26px 0 8px; font-size:20px; color:#1c2733; } #ja-blog-dm-wave2 p { margin:0 0 16px; } #ja-blog-dm-wave2 ul { margin:0 0 18px; padding-left:0; list-style:none; } #ja-blog-dm-wave2 ul li { position:relative; padding:8px 0 8px 30px; border-bottom:1px solid #eef2f6; } #ja-blog-dm-wave2 ul li:last-child { border-bottom:none; } #ja-blog-dm-wave2 ul li:before { content:"\1F319"; position:absolute; left:0; top:8px; } #ja-blog-dm-wave2 .ja-callout { background:#f4f8ff; border-left:4px solid #007AFF; border-radius:8px; padding:18px 22px; margin:24px 0; } #ja-blog-dm-wave2 .ja-callout p:last-child { margin-bottom:0; } #ja-blog-dm-wave2 ol { counter-reset:step; margin:0 0 18px; padding-left:0; list-style:none; } #ja-blog-dm-wave2 ol li { position:relative; padding:8px 0 8px 42px; } #ja-blog-dm-wave2 ol li:before { counter-increment:step; content:counter(step); position:absolute; left:0; top:6px; width:26px; height:26px; line-height:26px; text-align:center; background:#007AFF; color:#fff; border-radius:50%; font-size:13px; font-weight:700; } #ja-blog-dm-wave2 .ja-cta { text-align:center; margin:34px 0 10px; } #ja-blog-dm-wave2 .ja-cta a.btn { display:inline-block; background:#007AFF; color:#fff; text-decoration:none; padding:13px 30px; border-radius:8px; font-weight:600; font-size:16px; margin:6px; } #ja-blog-dm-wave2 .post-signoff { font-style:italic; color:#8a97a6; margin-top:30px; }

The Dark Mode roll-out isn't slowing down. After our first wave, seven more templates now ship with a built-in light / dark toggle - and one of them is a long-time favourite, JA Teline V.

Newly updated with Dark Mode

Each of these templates now includes a one-click sun / moon toggle, automatic detection of the visitor's system preference, and a remembered choice for returning visitors - while your existing light design stays exactly the same.

• JA Teline V - our best-selling news & magazine template
• JA Athena - university & education
• JA MixStore - multipurpose eCommerce (VirtueMart & J2Store)
• JA Phio - portfolio & creative showcase
• JA Helple - charity, NGO & fundraising
• JA FindUs - business & directory
• JA Vital - health & nutrition

Why Dark Mode?

A dark option is now something visitors expect. It's easier on the eyes in low light, gives your site a more modern, premium feel, and lets each visitor choose the experience they prefer - all without changing your site's structure.

How to update

1. Download the latest package for your template from your JoomlArt account.
2. Install the update over your current template.
3. Open your site and click the sun / moon toggle in the header to preview Dark Mode.

Your content and existing configuration stay in place. Prefer light only? Leave it - light mode remains the default and untouched.

Every one of these updates is included with a JoomlArt membership - along with all 200+ templates and everything we ship next.

More Dark Mode templates are on the way - stay tuned.
— The JoomlArt Team

#ja-blog-stratum { color:#33414e; font-size:16px; line-height:1.75; } #ja-blog-stratum .post-lead { font-size:19px; line-height:1.7; color:#33414e; } #ja-blog-stratum .post-lead strong { color:#007AFF; } #ja-blog-stratum h2 { font-weight:700; margin:42px 0 14px; font-size:28px; line-height:1.3; } #ja-blog-stratum h3 { font-weight:700; margin:26px 0 8px; font-size:20px; color:#1c2733; } #ja-blog-stratum p { margin:0 0 16px; } #ja-blog-stratum ul { margin:0 0 18px; padding-left:0; list-style:none; } #ja-blog-stratum ul li { position:relative; padding:6px 0 6px 30px; } #ja-blog-stratum ul li:before { content:"\2713"; position:absolute; left:0; top:6px; color:#007AFF; font-weight:700; } #ja-blog-stratum .ja-meta { display:flex; gap:14px; flex-wrap:wrap; margin:26px 0; } #ja-blog-stratum .ja-meta div { flex:1; min-width:130px; border:1px solid #e6ebf1; border-radius:12px; padding:16px; text-align:center; } #ja-blog-stratum .ja-meta .k { font-size:13px; color:#8a97a6; } #ja-blog-stratum .ja-meta .v { font-size:17px; font-weight:700; color:#1c2733; margin-top:4px; } #ja-blog-stratum .ja-callout { background:#f4f8ff; border-left:4px solid #007AFF; border-radius:8px; padding:18px 22px; margin:24px 0; } #ja-blog-stratum .ja-callout p:last-child { margin-bottom:0; } #ja-blog-stratum .ja-cta { text-align:center; margin:34px 0 10px; } #ja-blog-stratum .ja-cta a.btn { display:inline-block; background:#007AFF; color:#fff; text-decoration:none; padding:13px 30px; border-radius:8px; font-weight:600; font-size:16px; margin:6px; } #ja-blog-stratum .ja-cta a.ghost { background:#fff; color:#007AFF; border:1px solid #007AFF; } #ja-blog-stratum .post-signoff { font-style:italic; color:#8a97a6; margin-top:30px; }

Meet JA Stratum - our newest Joomla template, purpose-built for SaaS, startups, cloud platforms and technology products. If you're launching a software business, this one's for you.

JA Stratum pairs a clean, product-focused interface with bold typography and conversion-ready layouts - so you can present your software, tell your story, and turn visitors into users, all on Joomla.

What's inside JA Stratum

A modern SaaS homepage

The homepage is built for software products: a strong hero section, dashboard preview, platform features, statistics, pricing, testimonials, FAQ, and conversion-focused calls to action - everything a SaaS landing page needs, out of the box.

Ready-made SaaS pages

JA Stratum ships with the pages software teams actually use:

• Integrations - present your product ecosystem and connected tools
• Pricing - clear, structured plan comparison
• Changelog - keep users up to date with product releases
• Solutions - map your product to different use cases

Dark & Light Mode, from day one

JA Stratum supports both dark and light visual styles natively - the modern, premium look that cloud platforms, developer tools and technology brands expect.

Content & company pages

Modern blog and article layouts are ready for product updates, engineering posts and tutorials, while dedicated Company, About and Team pages help you build trust with your story, values, customer stories and hiring CTAs. Every standard Joomla page - login, registration, profile, contact, search, error and offline - is fully styled too.

Built on T4, ready for Joomla 6

Powered by the T4 Framework, JA Stratum gives you advanced layout control, theme customization and a performance-focused structure. It's built for Joomla 6, the platform's latest generation.

Get JA Stratum

JA Stratum is available now and included with any JoomlArt membership - one plan unlocks Stratum, all 200+ templates, the full T4 toolkit, and everything we ship next.

Build your next SaaS site on Joomla - starting with JA Stratum.
— The JoomlArt Team

/* June 2026 recap post - scoped layer, safe on top of any T4 template */ #ja-blog-june-recap { color:#33414e; font-size:16px; line-height:1.75; } #ja-blog-june-recap .post-lead { font-size:19px; line-height:1.7; color:#33414e; } #ja-blog-june-recap .post-lead strong { color:#007AFF; } #ja-blog-june-recap h2 { font-weight:700; margin:42px 0 14px; font-size:28px; line-height:1.3; } #ja-blog-june-recap h3 { font-weight:700; margin:28px 0 10px; font-size:20px; color:#1c2733; } #ja-blog-june-recap p { margin:0 0 16px; } #ja-blog-june-recap ul { margin:0 0 18px; padding-left:0; list-style:none; } #ja-blog-june-recap ul li { position:relative; padding:6px 0 6px 30px; } #ja-blog-june-recap ul li:before { content:"\2713"; position:absolute; left:0; top:6px; color:#007AFF; font-weight:700; } #ja-blog-june-recap .ja-stats { display:flex; gap:14px; margin:28px 0; flex-wrap:wrap; } #ja-blog-june-recap .ja-stat { flex:1; min-width:140px; border:1px solid #e6ebf1; border-radius:12px; padding:20px; text-align:center; } #ja-blog-june-recap .ja-stat .num { font-size:34px; font-weight:700; color:#007AFF; line-height:1; } #ja-blog-june-recap .ja-stat .lbl { font-size:14px; color:#5a6675; margin-top:8px; } #ja-blog-june-recap .ja-callout { background:#f4f8ff; border-left:4px solid #007AFF; border-radius:8px; padding:18px 22px; margin:24px 0; color:#33414e; } #ja-blog-june-recap .ja-callout p:last-child { margin-bottom:0; } #ja-blog-june-recap .ja-feature { border:1px solid #e6ebf1; border-radius:10px; padding:22px 24px; margin:22px 0; } #ja-blog-june-recap .ja-feature h3 { margin-top:0; } #ja-blog-june-recap .promo { background:#0a1f44; color:#fff; border-radius:12px; padding:30px 26px; margin:34px 0; text-align:center; } #ja-blog-june-recap .promo .code { display:inline-block; border:1px dashed #7aa7ff; border-radius:8px; padding:10px 22px; margin:10px 0 4px; font-size:22px; font-weight:700; letter-spacing:0.04em; color:#cfe0ff; } #ja-blog-june-recap .promo a.btn { display:inline-block; background:#007AFF; color:#fff; text-decoration:none; padding:13px 32px; border-radius:8px; font-weight:600; font-size:16px; margin-top:14px; } #ja-blog-june-recap .post-signoff { font-style:italic; color:#8a97a6; margin-top:30px; }

June was one of our busiest months yet. We brought built-in Dark Mode to 13 templates - and rebuilt the entire T4 toolkit to be ready for Joomla 6. Here's the full recap.

Dark Mode arrived on 13 templates

Dark Mode was the headline of the month. One by one, we added a built-in light / dark toggle to 13 of our most popular templates - each with automatic detection of the visitor's system preference, a remembered choice for returning visitors, and your existing light design left fully intact.

The T4 toolkit is now Joomla 6 ready

It wasn't only about looks. We also shipped a major update to the T4 ecosystem, focused on Joomla 6 compatibility, PHP 8.x support, and improved stability across the board - so upgrading your site is smoother and safer.

If you're planning a move to Joomla 6, this release is built to make that transition reliable - tested for modern hosting environments and the latest Joomla backend changes.

Why this matters

Modern visitors expect a dark option, and Joomla 6 is the platform's next chapter. In a single month, your JoomlArt collection moved forward on both fronts - and the roll-out keeps going into July, with more dark-mode templates and ongoing Joomla 6 updates landing week after week.

The simplest way to get all of it? A JoomlArt membership. One plan unlocks every template above, the full T4 toolkit, and everything we ship next.

Thank you for being part of the journey - here's to an even bigger July.
— The JoomlArt Team