Hierarch Solutions
In active development · preview

A product line, built in the open.

Alongside client work, we're building two of our own Shopware 6.7 products: a premium fashion storefront theme with a full token-based design system, and a one-click installer that drops a complete, photographed demo store into any shop. Here's where the work stands.

Shopware 6.7 PHP 8.3 Vue 3 admin .hpack content packs per-channel theming
8
Bespoke CMS blocks
5
Colour presets
47
Design tokens
6
Import phases
01 / The work

Two products, built to work as one.

A storefront theme and a demo installer, designed in tandem. The installer makes the theme look finished in a single click; the theme makes the installer's content look extraordinary. Bound for the Shopware Store.

HierarchTheme
Storefront theme

HierarchTheme

A refined fashion theme with an editorial point of view - a token-based design system, bespoke CMS blocks, and per-channel visual identity.

See the theme
Coming to the Shopware Store
Hierarch Demo Installer
Demo content installer

Hierarch Demo Installer

A photographed demo store installed in one click - portable content packs, symbolic references, and clean per-channel isolation.

See the installer
Coming to the Shopware Store
02 / HierarchTheme

A theme that's a design system.

Not a skin - a kit. Every surface is driven by design tokens, every section is a real Shopware CMS element with a Vue 3 admin form, and the whole look re-themes per sales channel without a single SCSS recompile.

A / Design system

Tokens & presets

  • 47-token design system - colour, type, spacing, radius
  • 5 named presets: warm, ink, forest, bordeaux, slate
  • Per-sales-channel CSS custom properties, no recompile
  • Bootstrap CSS-variable bridge so core components adopt the palette at runtime
  • Admin preset dropdown & configurable container width
B / Page builder

Bespoke CMS blocks

  • Hero - 4 layouts, 4 overlays, 4 animations, 24 config slots, per-CTA controls
  • Shoppable lookbook - collage & hotspots, drag-to-place markers, live product resolver
  • Storytelling, Bento mosaic, Newsletter (3 layouts)
  • Slot-based column grids (4 / 5 / 6), any element per slot
  • USP bar; registered in dedicated admin block categories
C / Structure & craft

Variants & polish

  • Header variants: centred, split, stacked
  • Product-card styles: minimal, bordered, elevated
  • Playfair Display headlines + Inter body via web fonts
  • rAF-throttled sticky header; refined card hover states
  • scssphp-safe SCSS - compiles on Shopware's own storefront compiler
01
Design without recompile

Each pack carries its own theme config, CSS custom properties and web fonts. The theme reads them at runtime and scopes them to the active sales channel - one codebase, a different look per store.

02
Real CMS elements

Every block ships a PHP data resolver, a storefront Twig renderer and a Vue 3 admin form with proper config tabs, hex pickers and per-CTA controls. Merchants compose pages in the standard page builder.

03
Editorial by default

Square-edged styling, considered type scale, and warm photography-led layouts - so a stock catalogue still reads like a fashion house, not a template.

Editorial storefront styling
Live preview

Re-skin the storefront, live.

Each pack applies its own colour identity per sales channel. Tap a preset to recolour the demo - exactly what a merchant gets at install time.

Preset
hierarch-fashion.demo
Autumn Winter 2026

The long way home

Shop the collection
The Winter Edit
Bridle Wool Overcoat
New in
Lambswool Roll Neck
New in
Waxed Canvas Weekender
New in
Cashmere Cardigan
New in

Same theme code · five presets · the merchant picks one at install. Static preview of the storefront output.

The toolkit

Editorial blocks for the page builder.

Each block is a real Shopware CMS element - drag it into any page, fill it with content, ship. Drop a marker on an image and the storefront resolves live products behind it.

Hero4 layouts · overlays · animation
Storytellingoverlap · full-bleed
Bentoasymmetric mosaic
Shoppable lookbookhotspots → products
Lookbook collageeditorial grid
Newslettercentred · split · full-bleed
Shoppable lookbook
Bridle Leather Belt
Accessories
Shop the look
Lambswool Scarf
Accessories
Shop the look
Waxed Canvas Weekender
Bags
Shop the look
Signature block

One outfit, every piece shoppable.

Drop markers on a single image in the page builder and link each to a product. The storefront resolves live covers and details; merchants reposition markers by dragging - no coordinates to type.

tap a marker → drag-to-place in admin live product resolver
03 / Demo Installer

From empty shop to photographed store.

An admin wizard installs a complete demo - catalogue, imagery and CMS pages - into a fresh sales channel, then applies the pack's colour preset and fonts to that channel. Built to scale to many packs and a publisher marketplace.

Demo content pack
01
Portable .hpack format

A JSON manifest validated against a formal schema. Entities reference each other by symbolic name, not UUID, so packs install on any shop and re-run without conflicts. Format versioning with migrators keeps old packs working on new installers.

02
Orchestrated import pipeline

Six phases - media, catalogue, cross-sells, product media, CMS, channel styling - driven by a two-pass reference resolver, an entity-map table, and an enforced job state machine running on the async message queue.

03
Verified CDN media

Imagery streams from a CDN with SHA-256 and MIME checks, then imports through Shopware's MediaService. Packs stay small; downloads can't be silently corrupted.

04
Clean per-channel isolation

Every pack installs into its own sales channel. Run a fashion demo and a furniture demo side by side in one Shopware install, with zero contamination.

D / Compatibility

Works on any theme

  • Every Hierarch block declares a fallback to a Shopware core block
  • Packs install cleanly on Bee, Vivid or any theme - best on HierarchTheme
  • Capability gates fail cleanly with a clear upgrade message
  • Min Shopware / min installer version checks before any write
E / Catalogue

Full data importers

  • Manufacturers, property groups, categories, products
  • DTO-driven importers with cover + gallery media attachment
  • Cross-sells & variants on the roadmap
  • DBAL for high-frequency writes, DAL for admin reads
F / Tooling

Author & validate

  • Admin install wizard (Vue 3) with a pre-flight summary
  • Pack validator CLI - structure, schema, checksums, refs, fallbacks
  • Pack authoring / export CLI from a live sales channel
  • License entitlement checks before install
04 / Status

Built, and what's next.

An honest snapshot of a 30-week solo build. The core engine and the theme are working; the commercial layer and the store launch are ahead.

Shipped in development

  • Theme design system, presets & structural variants
  • Eight bespoke CMS blocks with Vue 3 admin forms
  • Pack format, validator & symbolic entity map
  • Catalogue, media & CMS importers
  • Admin install wizard & first demo pack

On the way

Want a storefront built the same way?

These are our own products - but the engineering behind them is exactly what we do for clients. Tell us what you're building.

Get a project quote