Preview image. Unlock full-res
Dark hero explaining Slice Machine with headline, CTA, and a split illustration of developer code view versus marketer page builder.
summary
Centered dark hero for Slice Machine with purple label, bold headline, and a wide illustration contrasting developer slice coding with marketer page-builder selection.
Visual description
Nearly black background with announcement banner and navbar. Centered small purple all-caps "Slice Machine" label, white headline "It's how you build the builder," gray subcopy about reusable components, and white "Start building" button. Below, a large illustration split purple-left and blue-right: left window shows Slice Machine localhost UI with field definitions and JSX snippets, purple "Developer" cursor on Image field, Publish slice button; right window shows Page Builder with slice gallery, blue "Marketer" cursor selecting Hero, and slice list below.
Key takeaway
Side-by-side dev/marketer mockups explain a complex product story in one glance. Color-coded halves and labeled cursors make the handoff between roles instantly readable.
Reuse notes
Ideal for devtools with dual personas. Requires accurate UI mockups; generic wireframes lose the narrative. Best on dark backgrounds where the colored panels pop.
