COPY-READY BLOCKS
Hero
Nine polished hero pages with clearer hierarchy, responsive composition, and copy-ready Dowe source.
01 · ESSENTIAL SPLIT
Focused copy and one action beside a calm media surface
Open full page
Section id:"crypto-app-hero" bg:"surface" color:"onSurface" boxed:true minH:"vh-16" py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"5fr 4fr" } gap:{ xs:8 md:14 } align:"center" minH:"vh-16"
Flex direction:"column" align:"start" gap:5
Text size:"xs" weight:"bold" spacing:"widest" color:"primary"
"WORK WITHOUT THE CLUTTER"
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"Bring every project into focus"
Text size:"lg" color:"muted"
"Plan, collaborate, and ship from one calm workspace that keeps priorities visible and every handoff clear."
Button variant:"solid" scheme:"primary" size:"lg" rounded:"full" iconEnd:"arrow-right"
"Explore the workspace"
Box bg:"softPrimary" color:"primary" rounded:"xl" minH:{ xs:56 md:80 } p:{ xs:6 md:10 }
Flex direction:"column" justify:"center" align:"center" minH:{ xs:44 md:60 }
Box bg:"surface" rounded:"lg" p:{ xs:5 md:7 } shadow:"lg" shadowColor:"muted"
Icon name:"gallery-wide" style:"bold-duotone" fill:"primary" w:{ xs:14 md:20 } h:{ xs:14 md:20 }02 · SPLIT WITH TRUST
Two clear actions, customer marks, and a balanced visual
Open full page
Section id:"smart-solutions-hero" bg:"background" color:"onBackground" boxed:true minH:"vh-16" py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"5fr 4fr" } gap:{ xs:8 md:14 } align:"center" minH:"vh-16"
Flex direction:"column" align:"start" gap:5
Text size:"xs" weight:"bold" spacing:"widest" color:"info"
"BUILT FOR AMBITIOUS TEAMS"
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"Turn ambitious ideas into steady growth"
Text size:"lg" color:"muted"
"Give your team a clear path from first insight to launch, with the context and tools to make every decision count."
Grid columns:{ xs:1 sm:2 } gap:3 w:"full"
Button variant:"solid" scheme:"primary" size:"lg" rounded:"full" w:"full"
"Order now"
Button variant:"outlined" scheme:"primary" size:"lg" rounded:"full" w:"full"
"Explore"
Grid columns:1 gap:2
Text size:"xs" weight:"bold" color:"muted"
"TRUSTED BY"
Flex wrap:true align:"center" gap:5
Flex align:"center" gap:2
Icon name:"global" style:"linear" fill:"primary" w:5 h:5
Text size:"sm" weight:"bold"
"Google"
Flex align:"center" gap:2
Icon name:"play-circle" style:"linear" fill:"primary" w:5 h:5
Text size:"sm" weight:"bold"
"YouTube"
Flex align:"center" gap:2
Icon name:"users-group-rounded" style:"linear" fill:"primary" w:5 h:5
Text size:"sm" weight:"bold"
"Facebook"
Box bg:"softInfo" color:"info" rounded:"xl" minH:{ xs:56 md:80 } p:{ xs:6 md:10 }
Flex direction:"column" justify:"center" align:"center" minH:{ xs:44 md:60 }
Box bg:"surface" rounded:"lg" p:{ xs:5 md:7 } shadow:"lg" shadowColor:"muted"
Icon name:"gallery-wide" style:"bold-duotone" fill:"info" w:{ xs:14 md:20 } h:{ xs:14 md:20 }03 · CENTERED CONVERSION
A compact centered message supported by recognizable trust signals
Open full page
Section id:"growth-consulting-hero" bg:"surface" color:"onSurface" boxed:true minH:"vh-16" py:{ xs:10 md:14 }
Grid columns:{ xs:1 md:"1fr 2fr 1fr" } align:"center" minH:"vh-16"
Box show:{ xs:false md:true }
Flex direction:"column" align:"center" justify:"center" gap:5
Text size:"xs" weight:"bold" spacing:"widest" color:"success"
"A CLEARER WAY TO GROW"
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"One workspace for your clearest work"
Text size:"lg" color:"muted"
"Bring goals, decisions, and delivery together so your team can spend less time searching and more time moving forward."
Grid columns:{ xs:1 sm:2 } gap:3 w:"full"
Button variant:"solid" scheme:"primary" size:"lg" rounded:"full" w:"full"
"Order now"
Button variant:"outlined" scheme:"primary" size:"lg" rounded:"full" w:"full"
"Explore"
Grid columns:1 gap:2
Text size:"xs" weight:"bold" color:"muted"
"TRUSTED BY"
Flex wrap:true align:"center" justify:"center" gap:5
Flex align:"center" gap:2
Icon name:"global" style:"linear" fill:"primary" w:5 h:5
Text size:"sm" weight:"bold"
"Google"
Flex align:"center" gap:2
Icon name:"play-circle" style:"linear" fill:"primary" w:5 h:5
Text size:"sm" weight:"bold"
"YouTube"
Flex align:"center" gap:2
Icon name:"users-group-rounded" style:"linear" fill:"primary" w:5 h:5
Text size:"sm" weight:"bold"
"Facebook"
Box show:{ xs:false md:true }04 · MEDIA-FIRST SPLIT
A visual-first mobile flow with focused copy and paired actions
Open full page
Section id:"digital-potential-hero" bg:"background" color:"onBackground" boxed:true minH:"vh-16" py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"4fr 5fr" } gap:{ xs:8 md:14 } align:"center" minH:"vh-16"
Box bg:"softTertiary" color:"tertiary" rounded:"xl" minH:{ xs:56 md:80 } p:{ xs:6 md:10 }
Flex direction:"column" justify:"center" align:"center" minH:{ xs:44 md:60 }
Box bg:"surface" rounded:"lg" p:{ xs:5 md:7 } shadow:"lg" shadowColor:"muted"
Icon name:"gallery-wide" style:"bold-duotone" fill:"tertiary" w:{ xs:14 md:20 } h:{ xs:14 md:20 }
Flex direction:"column" align:"start" gap:5
Text size:"xs" weight:"bold" spacing:"widest" color:"tertiary"
"A SYSTEM YOUR TEAM CAN TRUST"
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"Build momentum without losing clarity"
Text size:"lg" color:"muted"
"Connect plans, progress, and customer context in one flexible system that stays useful as your team grows."
Grid columns:{ xs:1 sm:2 } gap:3 w:"full"
Button variant:"solid" scheme:"primary" size:"lg" rounded:"full" w:"full"
"Order now"
Button variant:"outlined" scheme:"primary" size:"lg" rounded:"full" w:"full"
"Explore"05 · WORKFLOW PLATFORM
Centered conversion copy backed by customer marks
Open full page
Section:
id:"workflow-platform-hero"
cover:"/assets/blocks/hero/geometric-grid.jpg"
boxed:true
minH:"vh-0"
py:{ xs:10 md:14 }
Flex direction:"column" align:"center" justify:"center" gap:0 minH:"vh-32"
Flex direction:"column" align:"center" gap:0 show:{ xs:false md:true }
Title size:"7xl" weight:"black"
"Streamline your workflow,"
Title size:"7xl" weight:"black"
"achieve excellence"
Flex direction:"column" align:"center" gap:0 show:{ xs:true md:false }
Title size:"4xl" weight:"black"
"Streamline your workflow, achieve excellence"
Box h:8
Flex direction:"column" align:"center" gap:1
Text size:"lg" color:"muted"
"Connect planning, collaboration, and delivery"
Text size:"lg" color:"muted"
"in one focused workspace."
Box h:12
Grid columns:{ xs:1 sm:"1fr 600px auto 1fr" } gap:3 align:"center" w:"full"
Box show:{ xs:false sm:true }
Input:
placeholder:"Your email address"
variant:"outlined"
scheme:"muted"
w:"full"
Button variant:"solid" scheme:"primary" size:"lg" px:10
"Get Started"
Box show:{ xs:false sm:true }
Box h:8
Flex align:"center" gap:2
Icon name:"check-circle" style:"bold" fill:"success"
Text size:"sm" color:"muted"
"14-day free trial. No credit card needed."
Box h:20
Flex wrap:true justify:"center" align:"center" gap:{ xs:8 md:24 }
Flex align:"center" gap:3
Icon name:"layers-minimalistic" style:"bold" fill:"muted" w:10 h:10
Text size:"3xl" weight:"black" color:"muted"
"Next"
Flex align:"center" gap:3
Icon name:"graph-new-up" style:"bold" fill:"muted" w:10 h:10
Text size:"3xl" weight:"black" color:"muted"
"Upgrade"
Flex align:"center" gap:3
Icon name:"chart" style:"bold" fill:"muted" w:10 h:10
Text size:"3xl" weight:"black" color:"muted"
"Intdeco"
Flex align:"center" gap:3
Icon name:"shield-check" style:"bold" fill:"muted" w:10 h:10
Text size:"3xl" weight:"black" color:"muted"
"Thanos"
Flex align:"center" gap:3
Icon name:"layers" style:"bold" fill:"muted" w:10 h:10
Text size:"3xl" weight:"black" color:"muted"
"Stackd"06 · SOFTWARE SOLUTIONS
An immersive media card with one decisive action
Open full page
Section id:"software-solutions-hero" boxed:true minH:"vh-0" py:{ xs:6 md:10 }
Flex align:"center" justify:"center" minH:"vh-20"
Card:
cover:"/assets/blocks/hero/technology-analytics.jpg"
overlay:"rgba(8,16,40,0.76)"
rounded:"xl"
minH:96
w:"full"
p:{ xs:8 md:14 }
Flex direction:"column" align:"center" justify:"center" gap:0 minH:96
Flex direction:"column" align:"center" gap:0 show:{ xs:false md:true }
Title size:"7xl" weight:"black" color:"onPrimary"
"Software solutions for"
Title size:"7xl" weight:"black" color:"onPrimary"
"the digital age"
Flex direction:"column" align:"center" gap:0 show:{ xs:true md:false }
Title size:"4xl" weight:"black" color:"onPrimary"
"Software solutions for the digital age"
Box h:10
Flex direction:"column" align:"center" gap:1
Text size:"lg" color:"onPrimary"
"Unite every team around"
Text size:"lg" color:"onPrimary"
"one secure source of truth."
Box h:10
Button variant:"solid" scheme:"primary" size:"lg" rounded:"md" px:8
"Our Core Services"07 · LEAD CAPTURE
Trust-building copy beside a focused signup card
Open full page
Section:
id:"lead-capture-hero"
cover:"/assets/blocks/hero/digital-globe.jpg"
overlay:"rgba(24,27,64,0.82)"
color:"onPrimary"
boxed:true
py:20
Grid columns:{ xs:1 md:"2fr 1fr" } gap:{ xs:8 md:16 } align:"center"
Flex direction:"column" gap:6
Title size:"4xl" weight:"black" show:{ xs:true md:false }
"Turn your next growth idea into a clear plan"
Title size:"5xl" weight:"black" show:{ xs:false md:true }
"Turn your next growth idea into a clear plan"
Text size:"lg"
"Bring strategy and execution together with practical tools designed for ambitious teams."
Flex align:"center" gap:4 pt:2
AvatarGroup size:"lg" max:4 bordered:true variant:"soft" scheme:"primary"
item name:"Maya" alt:"Maya Chen"
item name:"Leo" alt:"Leo Martin"
item name:"Amara" alt:"Amara Okafor"
item name:"Lin" alt:"Lin Park"
item name:"Dowe" alt:"Dowe Agent"
Grid columns:1 gap:1
Text size:"sm"
"Trusted by 12K+ worldwide"
Text size:"sm"
"brands & customers"
Card:
variant:"solid"
scheme:"surface"
rounded:"xl"
shadow:"xl"
shadowColor:"muted"
p:8
Grid columns:1 gap:6
Grid columns:1 gap:2
Title size:"2xl" weight:"black"
"Get started for free"
Text color:"muted"
"Share a few details and discover the clearest next step for your team."
Input placeholder:"Enter your name*" variant:"soft" scheme:"muted" w:"full"
Input placeholder:"Enter your email*" variant:"soft" scheme:"muted" w:"full"
Button:
variant:"solid"
scheme:"primary"
size:"lg"
w:"full"
"Get Started Now"
Flex direction:"column" align:"center" gap:0
Text size:"sm" color:"muted"
"By submitting this form, you accept our"
Text size:"sm" color:"muted"
"Terms of Service and Privacy Policy."08 · CONTENT AUDIENCE
Two clear actions supported by audience proof
Open full page
Section:
id:"content-audience-hero"
background:"aurora"
boxed:true
minH:"vh-0"
py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"5fr 6fr" } gap:{ xs:8 md:16 } align:"center" minH:"vh-24"
Flex direction:"column" align:"start" gap:6
Title size:"7xl" weight:"black" show:{ xs:false md:true }
"Content is the key to building an audience"
Title size:"4xl" weight:"black" show:{ xs:true md:false }
"Content is the key to building an audience"
Text size:"lg" color:"muted"
"Publish with confidence and turn useful ideas into durable audience growth."
Flex direction:{ xs:"column" sm:"row" } align:"center" gap:3 pt:2
Button variant:"solid" scheme:"primary" size:"lg"
"Get Started Now"
Button variant:"outlined" scheme:"muted" size:"lg"
"Find Out More"
Flex align:"center" gap:4 pt:2
AvatarGroup size:"md" max:4 bordered:true variant:"soft" scheme:"primary"
item name:"Maya" alt:"Maya Chen"
item name:"Leo" alt:"Leo Martin"
item name:"Amara" alt:"Amara Okafor"
item name:"Lin" alt:"Lin Park"
item name:"Dowe" alt:"Dowe Agent"
Grid columns:1 gap:1
Text size:"sm" color:"muted"
"Trusted by 12K+ worldwide"
Text size:"sm" color:"muted"
"brands & customers"
Box:
cover:"/assets/blocks/hero/content-creator.jpg"
rounded:"xl"
minH:"vh-48"
p:{ xs:4 md:6 }
shadow:"xl"
shadowColor:"muted"
Flex direction:"column" justify:"end" gap:5 minH:"vh-64"
Flex justify:"end"
Card:
variant:"solid"
scheme:"surface"
rounded:"lg"
shadow:"lg"
shadowColor:"muted"
p:4
Flex align:"center" gap:3
Box w:14 h:14 rounded:"md" cover:"/assets/blocks/hero/content-creator.jpg"
Grid columns:1 gap:1
Title size:"2xl" weight:"black"
"36k+"
Text size:"xs" color:"muted"
"Satisfied Customers"
Flex justify:"between" align:"center" gap:6
Card:
variant:"solid"
scheme:"surface"
rounded:"lg"
shadow:"lg"
shadowColor:"muted"
p:4
Flex align:"center" gap:3
Icon name:"stars" style:"bold" fill:"primary" w:8 h:8
Text size:"lg" weight:"bold"
"Personalized Strategy"
Card:
variant:"solid"
scheme:"surface"
rounded:"lg"
shadow:"xl"
shadowColor:"success"
p:5
Grid columns:1 gap:1
Flex align:"center" gap:2
Icon name:"chart" style:"bold" fill:"warning" w:6 h:6
Text weight:"bold"
"Reach"
Title size:"4xl" weight:"black"
"264,506"
Text size:"xs" color:"success"
"+32.88% from last 7 days"
Flex direction:"column" align:"center" gap:3 pt:4
Chip variant:"soft" scheme:"info"
start
Svg viewBox:"0 0 24 24" w:4 h:4
Path d:"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1 14-4-4 1.4-1.4L11 13.2l5.6-5.6L18 9l-7 7Z" fill:"currentColor"
"Real-Time Analytics"
Chip variant:"soft" scheme:"warning"
start
Svg viewBox:"0 0 24 24" w:4 h:4
Path d:"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM8.5 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 18a5.5 5.5 0 0 1-5-3.2h10a5.5 5.5 0 0 1-5 3.2Z" fill:"currentColor"
"Social Media Marketing"09 · PRIVACY DOWNLOAD
Playful product media beside platform downloads
Open full page
Section id:"privacy-download-hero" background:"soft" boxed:true minH:"vh-0" py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"21fr 44fr 11fr 58fr 10fr" } gap:{ xs:8 md:8 } align:"center" minH:"vh-24"
Box show:{ xs:false md:true }
Box:
show:{ xs:false md:true }
cover:"/assets/blocks/hero/privacy-portrait-wide.jpg"
rounded:"xl"
minH:"vh-56"
shadow:"xl"
shadowColor:"muted"
Box:
show:{ xs:true md:false }
cover:"/assets/blocks/hero/privacy-portrait-wide.jpg"
rounded:"xl"
minH:96
shadow:"xl"
shadowColor:"muted"
Box show:{ xs:false md:true }
Flex direction:"column" gap:0
Flex direction:"column" gap:0 show:{ xs:false md:true }
Title size:"5xl" weight:"black"
"Keep Your Data"
Title size:"5xl" weight:"black"
"Private and Safe"
Flex direction:"column" gap:0 show:{ xs:true md:false }
Title size:"4xl" weight:"black"
"Keep Your Data"
Title size:"4xl" weight:"black"
"Private and Safe"
Box h:5 show:{ xs:true md:false }
Box h:8 show:{ xs:false md:true }
Text size:"lg" color:"muted"
"Protect your work with privacy-first controls and a secure experience on every device."
Box h:5 show:{ xs:true md:false }
Box h:8 show:{ xs:false md:true }
Grid columns:{ xs:1 md:"13fr 7fr" } gap:0
Grid columns:1 gap:6
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:5
Flex align:"center" gap:4
Icon name:"monitor-smartphone" style:"bold" fill:"info" w:12 h:12
Grid columns:1 gap:1
Title size:"md" weight:"black"
"Download for Windows"
Text color:"muted"
"Try 30 days free"
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:5
Flex align:"center" gap:4
Icon name:"laptop" style:"bold" fill:"primary" w:12 h:12
Grid columns:1 gap:1
Title size:"md" weight:"black"
"Download for Mac"
Text color:"muted"
"Try 30 days free"
Box show:{ xs:false md:true }
Box show:{ xs:false md:true }