Lumina

Colors, light, depth, and motion

Lumina is a refined modern theme inspired by the colors, light, depth and motion of the environment around us

The Paradigm Shift

We believe your website should feel balanced and organic—bringing the natural rhythms and structural patterns of the physical world straight onto your digital canvas.

Lumina bridges physical aesthetics with modern web architecture to make your website feel balanced, intuitive, and effortlessly premium.

Taking cues from modern mobile interfaces, Lumina transforms static block layouts into interactive cards that invite clicks and guide user attention naturally across the page.

Combined with rich, nature-inspired color palettes and complete WordPress Full-Site Editing freedom, you get a theme that looks exceptional and stays completely out of your way.

Beautiful Colors

Colors drawn from nature rather than harsh monitors. Rich earthy mid-tones, subtle tints, and dark accents give you complete flexibility to direct visitor focus.Learn more

Interactive Cards

Container blocks carrying links or action buttons automatically respond with subtle lift and soft ambient shadows when hovered or tapped on mobile screens.Learn more

Engaging Images

Support for modern image aspect ratios, Wide 16:9, Ultra-wide 21:9, and our unique "Slim" 16:4.5. Add a motion pan & zoom effect with a single click.Learn more

Full Site Editing

Swap or customize site headers, footers, post grids, and color schemes directly within the Site Editor. Easily keep your site modern and fresh without writing code.Learn more

Feature Highlights

Discover a collection of welcoming features engineered to make building and navigating your website an absolute joy.

Mobile-Friendly

Interactive cards respond smoothly to touch gestures. The first tap reveals a small icon indicating the card is a link. A second tap follows the link.

Automatic Contrast

Simply select a background color and Lumina automatically applies WCAG AA-compliant text, headline, and link colors for flawless, zero-touch legibility.

Beautiful Fonts

Modern fonts that are soft in weight, but crisp and legible, giving your site a premium vibe. A dozen fonts are available that load locally for fast performance.

Subtle Dividers

Add clean, subtle architectural divider lines to columns, lists, and navigation menus via custom block styles in the editor.

Collapsible Panels

Accordions and disclosure panels remember whether visitors left them open or closed, preserving user display preferences across page views.

Global Styles

Instantly transform your site's physical personality, border radius, block spacing, and animation curves with a single click in the Site Editor.

Featured Spotlight

Interactive Cards

Container blocks carrying links or action buttons automatically respond with subtle lift and soft ambient shadows when hovered or tapped on mobile screens.

Full Site Editing

Swap or customize site headers, footers, post grids, and color schemes directly within the Site Editor. Easily keep your site modern and fresh without writing code.

By the Numbers

With Full Site Editing and all the templates provided, there arethousands of unique theme layoutsplushundreds of block styles and patternsto easily make your content stand out.

Color Schemes

12+

Header Layouts

24+

Footer Layouts

Fonts

60+

Custom Block Styles

64+

Block Patterns

Illuminateyour Website Today

Hover this card or tap it on mobile and it lifts further towards you, visually indicating there is a link or button on this card. You can click anywhere on the card and it will follow the embedded link or button target.

Get Started

Interactive Cards

Container blocks carrying links or action buttons automatically respond with subtle lift and soft ambient shadows when hovered or tapped on mobile screens.

Engaging Images

Support for modern image aspect ratios built right in (16:9, 21:9, 16:4.5). Add a motion pan & zoom motion effect with a single click.

Call to Action 2 Columns

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.

Click Me

Features 3 Columns

Lorem Ipsum

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

crop psychologist supporting patient during counseling indoors

Dolor Sit Amet

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis Aute Irure

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Features 3 Columns

Lorem Ipsum

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Dolor Sit Amet

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis Aute Irure

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

01. Precision

Engineered for accuracy in every line of code and every pixel of design.

02. Efficiency

Optimized workflow and architecture built directly into the site runtime.

System Overview

Monitor your modular configuration with complete confidence. The layout isolates data metrics transparently across independent panels.

Modern Workflow Integration

Combine the tactile feel of matte black hardware with the digital efficiency of WordPress blocks.

Get Started

I’m a paragraph with a little icon

I’m also a paragraph, but my icon and I aren’t in a group.

Features 3 Columns

photo of golden cogwheel on black background

Lorem Ipsum

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Dolor Sit Amet

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis Aute Irure

Lorum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Fluid

Optimized for seamless performance across every viewport size and device type.

Toned

Deeply tinted dark modes that provide chromatic depth without UI clutter.

Modern

A zero-dependency framework built for the future of the block ecosystem.

Elevate Your Design

Atmos Elements provides the structural logic for high-end digital experiences.

VIEW DEMO

Primary

Primary Alt

Secondary

Secondary Alt

Tertiary

Tertiary Alt

Dark

Dark Alt

Contrast

Base

Foreground Alt

Neutral

Neutral Alt

Highlight Color

Highlight Alt

Opacity 50%

Flat Blocks WordPress Theme

This is a simple paragraph with Fade In Up animation…

Our Community

[xs-users-last-login]

XtemelySocial.com is all about social sharing! You can login with your WordPress account or any email address. You can share posts to various social media networks. Also feel free to introduce yourself or provide feedback on our Community Wall.

Redefining Your Brand

We help startups define a clear brand identity and digital strategy that will scale as their business grows.

View Case Study

The Best of the Best

This is another style of “call-to-action”. It is in a group to get a nice background color, then within columns so that this text block is aligned left and the button is aligned right. The font size on this paragraph is “regular” so that is larger and stands out.

Click Me

Features 3 Columns

Lorem Ipsum

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Dolor Sit Amet

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis Aute Irure

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
— John Doe, Customer

Test simple paragraph with colored-background. This should be padded appropriately on desktop and mobile.

Title

Subtitle

Oh what a strange and wonderful world this is!