<%- include('partials/head', { title: 'Storefront | Atrium Merchant' }) %> <%- include('partials/sidebar') %>
<%- include('partials/topbar') %> <%- include('partials/flash') %>

Storefront

Curate your customer's digital experience and brand identity.

Active Theme

<% if (activeTheme) { %>

Version 2.4.1 • Active since <%= new Date(activeTheme.created_at || activeTheme.createdAt || Date.now()).toLocaleDateString('en-US', {month: 'long', day: 'numeric', year: 'numeric'}) %>

<% } else { %>

Version 2.4.1 • Last updated 2 days ago

<% } %>
<%= merchant && merchant.custom_domain ? merchant.custom_domain : (merchant ? merchant.store_slug + '.atrium.store' : 'your-store.atrium.store') %>
palette <%= activeTheme ? activeTheme.name : 'Emerald Minimalist' %>
Responsive Layout

Theme Library

Switch between curated aesthetics instantly.

<% const libraryThemes = [ { name: 'Midnight Studio', desc: 'High-contrast, dark mode experience for modern lifestyle brands.', badge: 'New', badgeClass: 'bg-tertiary-fixed text-on-tertiary-fixed-variant' }, { name: 'Serene Canvas', desc: 'A soft, editorial grid layout focused on high-res product storytelling.', badge: 'Free', badgeClass: 'border border-outline-variant text-on-surface-variant' }, { name: 'Architect V2', desc: 'Bold typography and strict geometric alignment for industrial design.', badge: 'Pro', badgeClass: 'border border-primary/40 text-primary' } ]; %> <% const themeColors = [ 'from-on-surface/80 to-on-surface', 'from-primary-fixed/40 to-surface-container', 'from-secondary-container to-surface-container-high' ]; %> <% libraryThemes.forEach((t, i) => { %>
<%= t.name %>

<%= t.name %>

<%= t.badge %>

<%= t.desc %>

<% }); %>

Domain & Presence

Control how the world finds your digital storefront.

dns

<%= merchant && merchant.custom_domain ? merchant.custom_domain : (merchant ? merchant.store_slug + '.atrium.store' : 'your-store.atrium.store') %>

<%= merchant && merchant.custom_domain ? 'Primary Domain • SSL Active' : 'System Domain • Active' %>

more_vert
link

<%= merchant ? merchant.store_slug + '.atrium.store' : 'your-store.atrium.store' %>

System Redirect • Active

more_vert