COPY-READY BLOCKS
Features
Five polished feature sections with responsive layouts, portable visuals, and copy-ready Dowe source.
01 ยท CUSTOMER JOURNEY
Three product benefits with interface illustrations
Open full page
Section id:"customer-centric-features" bg:"surface" color:"onSurface" boxed:true py:{ xs:8 md:12 }
Flex direction:"column" align:"center" gap:0
Flex direction:"column" align:"center" gap:0 show:{ xs:false md:true }
Title size:"5xl" weight:"black"
"Build a customer-centric"
Title size:"5xl" weight:"black"
"marketing strategy"
Title size:"4xl" weight:"black" show:{ xs:true md:false }
"Build a customer-centric marketing strategy"
Box h:4
Text size:"lg" color:"muted"
"Connect every customer touchpoint with a clear, measurable workflow."
Box h:{ xs:8 md:14 }
Grid columns:{ xs:1 md:3 } gap:5 w:"full"
Card variant:"soft" scheme:"muted" rounded:"xl" p:{ xs:5 md:6 } minH:80
Flex direction:"column" gap:4 minH:64
Icon name:"route" style:"line-duotone" fill:"primary" w:7 h:7
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Easy to Connect"
Text color:"muted"
"Bring every onboarding step together so new customers always know what comes next."
Box h:2
Grid columns:1 gap:2
Box bg:"surface" rounded:"md" px:4 py:3 shadow:"sm"
Flex align:"center" gap:3
Icon name:"check-circle" style:"bold" fill:"success" w:6 h:6
Text weight:"bold"
"Create Free Account"
Box bg:"surface" rounded:"md" px:4 py:3 shadow:"sm"
Flex align:"center" gap:3
Icon name:"check-circle" style:"bold-duotone" fill:"muted" w:6 h:6
Text weight:"bold"
"Setup Your Profile"
Box w:4
Icon name:"cursor" style:"bold" fill:"onSurface" w:7 h:7
Box bg:"surface" rounded:"md" px:4 py:3
Flex align:"center" gap:3
Icon name:"check-circle" style:"line-duotone" fill:"muted" w:6 h:6
Text color:"muted"
"Finish Registration"
Card variant:"soft" scheme:"muted" rounded:"xl" p:{ xs:5 md:6 } minH:80
Flex direction:"column" gap:4 minH:64
Icon name:"monitor-smartphone" style:"line-duotone" fill:"primary" w:7 h:7
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Realtime Dashboard"
Text color:"muted"
"See campaign activity, schedules, and customer progress in one responsive dashboard."
Box h:2
Box bg:"surface" rounded:"lg" p:4 shadow:"sm"
Grid columns:1 gap:3
Flex align:"center" justify:"between"
Flex align:"center" gap:2
Box w:3 h:3 rounded:"full" bg:"primary"
Box w:16 h:2 rounded:"full" bg:"softMuted"
Box w:12 h:5 rounded:"sm" bg:"softMuted"
Grid columns:5 gap:1
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softPrimary" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softPrimary" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softPrimary" rounded:"sm"
Box h:8 bg:"softPrimary" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Box h:8 bg:"softMuted" rounded:"sm"
Card variant:"soft" scheme:"muted" rounded:"xl" p:{ xs:5 md:6 } minH:80
Flex direction:"column" gap:4 minH:64
Icon name:"route" style:"line-duotone" fill:"primary" w:7 h:7
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Easy Automations"
Text color:"muted"
"Connect the tools your team already trusts and automate repetitive customer work."
Box h:2
Grid columns:3 gap:4
Box bg:"warning" color:"onWarning" rounded:"lg" p:4 shadow:"sm"
Flex justify:"center"
Icon name:"letter" style:"bold" fill:"onWarning" w:9 h:9
Box bg:"surface" rounded:"lg" p:4 shadow:"sm"
Flex justify:"center"
Icon name:"gallery" style:"bold-duotone" fill:"success" w:9 h:9
Box bg:"surface" rounded:"lg" p:4 shadow:"sm"
Flex justify:"center"
Icon name:"document-text" style:"bold" fill:"onSurface" w:9 h:9
Box bg:"surface" rounded:"lg" p:4 shadow:"sm"
Flex justify:"center"
Icon name:"widget-4" style:"bold-duotone" fill:"info" w:9 h:9
Box bg:"danger" color:"onDanger" rounded:"lg" p:4 shadow:"sm"
Flex justify:"center"
Icon name:"stars" style:"bold" fill:"onDanger" w:9 h:9
Box bg:"surface" rounded:"lg" p:4 shadow:"sm"
Flex justify:"center"
Icon name:"bolt" style:"bold" fill:"warning" w:9 h:902 ยท SERVICE MATRIX
Six capabilities in a clean two-column rhythm
Open full page
Section id:"marketing-services-features" bg:"surface" color:"onSurface" boxed:true py:{ xs:8 md:12 }
Grid columns:1 gap:{ xs:8 md:12 }
Flex direction:"column" align:"center" gap:3
Flex direction:"column" align:"center" gap:0 show:{ xs:false md:true }
Title size:"5xl" weight:"black"
"Digital marketing that drives"
Title size:"5xl" weight:"black"
"results for your business"
Title size:"4xl" weight:"black" show:{ xs:true md:false }
"Digital marketing that drives results for your business"
Text size:"lg" color:"muted"
"Focused capabilities for building demand, learning faster, and growing with confidence."
Grid columns:{ xs:1 md:2 } gap:{ xs:7 md:10 }
Flex align:"start" gap:4
Box bg:"softPrimary" rounded:"full" p:3
Icon name:"graph-new-up" style:"line-duotone" fill:"primary" w:10 h:10
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Branding Services"
Text color:"muted"
"Create a clear brand system that keeps every campaign recognizable, useful, and consistent."
Flex align:"start" gap:4
Box bg:"softPrimary" rounded:"full" p:3
Icon name:"round-graph" style:"line-duotone" fill:"primary" w:10 h:10
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Market Research"
Text color:"muted"
"Turn customer signals and competitive context into practical decisions your team can act on."
Flex align:"start" gap:4
Box bg:"softPrimary" rounded:"full" p:3
Icon name:"dialog" style:"line-duotone" fill:"primary" w:10 h:10
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Content Creation"
Text color:"muted"
"Produce useful content that earns attention, answers real questions, and supports conversion."
Flex align:"start" gap:4
Box bg:"softPrimary" rounded:"full" p:3
Icon name:"card" style:"line-duotone" fill:"primary" w:10 h:10
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"e-Commerce Solutions"
Text color:"muted"
"Build flexible shopping journeys that connect product discovery, checkout, and retention."
Flex align:"start" gap:4
Box bg:"softPrimary" rounded:"full" p:3
Icon name:"presentation-graph" style:"line-duotone" fill:"primary" w:10 h:10
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Competitor Analysis"
Text color:"muted"
"Compare positioning, channels, and customer experience to uncover your strongest next move."
Flex align:"start" gap:4
Box bg:"softPrimary" rounded:"full" p:3
Icon name:"magnifier" style:"line-duotone" fill:"primary" w:10 h:10
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"SEO & SMM Services"
Text color:"muted"
"Improve discovery across search and social with one coordinated, measurable growth plan."03 ยท BRAND TRANSFORMATION
Editorial copy beside a four-card capability grid
Open full page
Section id:"brand-transformation-features" bg:"surface" color:"onSurface" boxed:true py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"5fr 7fr" } gap:{ xs:10 md:16 } align:"center"
Flex direction:"column" gap:6
Text size:"xs" weight:"bold" spacing:"widest" color:"muted"
"ENDLESS POSSIBILITIES"
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"Transforming your brand in the digital world"
Text color:"muted"
"Bring strategy, design, and technology together to build a brand people understand and trust."
Text color:"muted"
"Move from isolated campaigns to a connected system that helps your team learn, adapt, and grow."
Box bg:"softMuted" p:{ xs:5 md:8 }
Grid columns:{ xs:1 sm:2 } gap:5
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"graph-new-up" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Digital Marketing"
Text color:"muted"
"Plan campaigns around real customer needs and measurable business outcomes."
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"settings-minimalistic" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Dev and Design"
Text color:"muted"
"Turn ideas into polished experiences with one coordinated product workflow."
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"presentation-graph" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Data & Analytics"
Text color:"muted"
"Make performance visible and turn timely insights into confident decisions."
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"route" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Content Strategy"
Text color:"muted"
"Create a durable content system across channels, formats, and customer stages."04 ยท ONLINE SOLUTIONS
The capability grid reversed for a new reading flow
Open full page
Section id:"online-solutions-features" bg:"surface" color:"onSurface" boxed:true py:{ xs:8 md:12 }
Grid columns:{ xs:1 md:"7fr 5fr" } gap:{ xs:10 md:16 } align:"center"
Box bg:"softMuted" p:{ xs:5 md:8 }
Grid columns:{ xs:1 sm:2 } gap:5
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"graph-new-up" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Digital Marketing"
Text color:"muted"
"Plan campaigns around real customer needs and measurable business outcomes."
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"settings-minimalistic" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Dev and Design"
Text color:"muted"
"Turn ideas into polished experiences with one coordinated product workflow."
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"presentation-graph" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Data & Analytics"
Text color:"muted"
"Make performance visible and turn timely insights into confident decisions."
Card variant:"solid" scheme:"surface" rounded:"lg" shadow:"md" p:6 minH:56
Flex direction:"column" gap:4
Box bg:"softPrimary" rounded:"full" w:14 h:14 p:2
Icon name:"route" style:"line-duotone" fill:"primary" w:10 h:10
Title size:"lg" weight:"black"
"Content Strategy"
Text color:"muted"
"Create a durable content system across channels, formats, and customer stages."
Flex direction:"column" gap:6
Text size:"xs" weight:"bold" spacing:"widest" color:"muted"
"ONE-STOP SOLUTIONS"
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"Cutting-edge solutions for your online business"
Text color:"muted"
"Bring strategy, design, and technology together to build a business customers understand and trust."
Text color:"muted"
"Move from isolated tools to a connected system that helps your team learn, adapt, and grow."05 ยท COMPLETE SOLUTIONS
Three visual product capabilities with supporting copy
Open full page
Section id:"complete-solutions-features" bg:"surface" color:"onSurface" boxed:true py:{ xs:8 md:12 }
Grid columns:1 gap:{ xs:8 md:12 }
Flex direction:"column" align:"center" gap:3
Title size:{ xs:"4xl" md:"6xl" } weight:"black"
"The Complete Solutions"
Text size:"lg" color:"muted"
"Everything your team needs to create, organize, and optimize digital experiences."
Grid columns:{ xs:1 md:3 } gap:6
Flex direction:"column" align:"center" gap:5
Box bg:"softMuted" rounded:"lg" p:6 w:"full" minH:52
Grid columns:1 gap:4
Flex align:"center" justify:"between"
Box w:14 h:3 bg:"muted" rounded:"full"
Box w:10 h:3 bg:"softPrimary" rounded:"full"
Grid columns:"72px 1fr" gap:2
Box bg:"surface" rounded:"lg" border:1 borderColor:"muted" p:2
Grid columns:1 gap:2
Box h:4 bg:"softMuted" rounded:"sm"
Box h:4 bg:"softPrimary" rounded:"sm"
Box h:4 bg:"softMuted" rounded:"sm"
Box h:4 bg:"softMuted" rounded:"sm"
Box bg:"surface" rounded:"lg" border:1 borderColor:"muted" p:3
Grid columns:4 gap:1
Box h:7 bg:"softMuted"
Box h:7 bg:"softMuted"
Box h:7 bg:"softPrimary"
Box h:7 bg:"softMuted"
Box h:7 bg:"softPrimary"
Box h:7 bg:"softMuted"
Box h:7 bg:"softMuted"
Box h:7 bg:"softPrimary"
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Friendly Interface"
Text color:"muted"
"Give every teammate a clear workspace that feels familiar from the first click."
Flex direction:"column" align:"center" gap:5
Box bg:"softMuted" rounded:"lg" p:6 w:"full" minH:52
Box bg:"surface" rounded:"lg" p:4 shadow:"sm"
Grid columns:1 gap:4
Flex align:"center" justify:"between"
Flex align:"center" gap:2
Icon name:"gallery" style:"bold-duotone" fill:"primary" w:6 h:6
Text weight:"bold"
"Images"
Flex gap:2
Icon name:"pen-new-square" fill:"muted" w:5 h:5
Icon name:"add-circle" fill:"muted" w:5 h:5
Grid columns:3 gap:2
Box bg:"softMuted" rounded:"md" minH:20
Box bg:"softWarning" rounded:"md" minH:20
Box bg:"softMuted" rounded:"md" minH:20
Flex justify:"end"
Icon name:"cursor" style:"bold" fill:"onSurface" w:7 h:7
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Files Editor & Viewer"
Text color:"muted"
"Review assets, compare versions, and keep production files in one focused place."
Flex direction:"column" align:"center" gap:5
Box bg:"softMuted" rounded:"lg" p:6 w:"full" minH:52
Box bg:"surface" rounded:"lg" p:4 border:1 borderColor:"muted"
Grid columns:"1fr 5fr" gap:3
Grid columns:1 gap:2
Box w:4 h:4 rounded:"full" bg:"softMuted"
Box w:4 h:4 rounded:"full" bg:"softMuted"
Box w:4 h:4 rounded:"full" bg:"softMuted"
Grid columns:1 gap:3
Box w:32 h:3 bg:"softMuted" rounded:"full"
Box bg:"surface" rounded:"md" p:3 shadow:"md"
Grid columns:"1fr 2fr" gap:3 align:"center"
Box bg:"danger" rounded:"md" minH:16
Flex align:"center" justify:"center" minH:16
Icon name:"stars" style:"bold" fill:"onDanger" w:8 h:8
Grid columns:1 gap:2
Box w:20 h:3 bg:"softMuted" rounded:"full"
Box w:14 h:3 bg:"softPrimary" rounded:"full"
Flex justify:"end"
Icon name:"cursor" style:"bold" fill:"onSurface" w:7 h:7
Grid columns:1 gap:2
Title size:"lg" weight:"black"
"Extremely Flexible"
Text color:"muted"
"Adapt layouts and workflows as your products, channels, and customer needs evolve."