2. Brand Identity & Asset Intake
Provide brand details, customized color palettes, typography pairing, and logo assets for the generated child theme.
Click or Drag & Drop Logo File (PNG / SVG / WebP)
Will be centered in the child theme screenshot. If empty, a stylized brand monogram will be generated automatically.
Your layouts are brought to life with cohesive photography and translucent brand overlays. Upload your custom photos or let the generator procedurally curate high-resolution editorial photography. The generator automatically analyzes photo dimensions and assigns them to optimal layout roles.
Provide external links to your brand imagery, PDFs, and assets. These links are automatically embedded into your Divi layout shortcodes, compiled into your assets-manifest.json, cataloged on your WordPress Setup Wizard, and included in your AI Work Order.
3. CS Theme System Scope Matrix
Select which page layouts, WooCommerce templates, and builder sections from the CS Theme System to include in this child theme package.
4. Child Theme Preview & Screenshot
WordPress standard 1200×900 screenshot.png rendered on-the-fly using HTML5 Canvas, embedding your brand logo, colors, typography, and directive tags.
5. Package Child Theme & AI Directives
Download the production-ready WordPress Divi Child Theme ZIP and copy the complete developer/AI work order specification.
Your generated child theme includes all 11 selected layout templates, plus a full Modular Design Kit for designing custom layouts:
- Dedicated 1-Click Setup Wizard: When you activate this theme, WordPress automatically directs you to the setup wizard. You can also access it anytime in your WordPress sidebar under Appearance > ⚡ [Theme Name] Setup (and under Divi > ⚡ [Theme Name] Setup). Click ⚡ Run 1-Click Site & Layout Setup to instantly publish all selected layout pages with Divi Builder enabled!
- Modular Design Kit Library (Divi 5 & 4): The installer registers 10 modular section building blocks into Divi > Divi Library under [Design Kit] Components (Heros, Feature Quads, Asymmetric Narrative Splits, Monumental Pullquotes, CTAs). When creating any page, click Add From Library to assemble custom layouts!
-
Living Style Guide Page (
/design-kit-style-guide/): The 1-Click setup generates a published interactive specimen page displaying your brand palette tokens, typographic hierarchy (H1–H6), custom button states, card variants, and copy-paste CSS classes. -
Procedural Vector Assets & Tokens: Bundles custom SVG shape dividers (cathedral arches, organic waves, scallops), background meshes, and
assets/design-tokens.jsoninside the ZIP file. - Standalone Library Import (.JSON): Click the 📚 Download Divi Layout Library (.JSON) button below to download the master library file and import it directly into Divi > Divi Library > Import!