After Dark Design Kit — Divi 5

Description

Big ideas. A complete dark design system.

Build a coordinated dark Divi 5 website with 40 component designs in Obsidian, Midnight, Velvet and Evergreen. Mix 10 headers, 10 heroes, 16 body sections and four footers—or begin with one of four assembled one-page examples.

40 designs. Four dark stories.

• 160 individual JSON design variations, plus four assembled examples and four blank canvases
• Full-spectrum color studio in assembled pages and blank canvases: preset buttons, synchronized slider, Reset, Copy my colors and Save palette file
• Continuous dark gradients, luminous accents and coordinated typography
• Responsive navigation, expandable FAQs and editable sample content
• Embedded scoped CSS, installation guide, offline visual gallery and design index
• Unlimited personal and client websites; no DRT activation key

Explore the live color studio ↗ · Browse all 40 designs ↗

Know what you are getting

These are editable native Divi page-layout JSONs. The components use styled HTML inside native Text modules; CSS and the color studio use Code modules. Header and footer files are page-layout exports, not full Theme Builder template exports. Instructions explain the temporary-page copy workflow. Four palettes share the same 40 compositions and assembled page structure.

WordPress and a separately licensed Divi 5 are required. No additional PHP or plugin is needed. Contact links open an email app; no connected form processing is included. The palette controls export a recipe that you apply and save in Divi; preview changes do not save to WordPress automatically.

Images are used for layout purposes only. Replace sample branding, projects, links and pictures with your own to create a phenomenal website that is uniquely yours. The layout artwork is made with editable CSS. The product-cover sculpture is promotional artwork. GPL-2.0-or-later code license and credits are included.

Prefer the brighter collection? Explore the original Colorz Design Kit. For one ready-made dark landing page in four editions, see Colorz 2 After Dark.