Variant 37: Dusk Refined

V33 base with improved card differentiation. Darker cards (#232634) against lighter element blocks (#363a4f) for clear visual hierarchy. Blue accent (#8caaee) properly labeled.

Base
Block
Card
Peach
Blue
Green
Text
Subtext

Typography & Buttons

Typography Scale

Display Heading

Section Heading

Card Heading

Body text for paragraphs and content. Easy to read with soft contrast that won't strain your eyes during extended use.

Muted text for captions, timestamps, and secondary info.

Button Variants

Tags & Badges

Default Peach Blue Green
NEW LIVE PRO HOT

Forms & Inputs

Contact Form

Newsletter Signup

Get weekly insights on AI-powered marketing strategies.

No spam. Unsubscribe anytime.

Radio Options

Cards

Content Card

Standard card with darker background for clear differentiation from page sections.

Learn more →

Feature Card

Highlight key features with consistent styling and readable text.

Explore features →

Service Card

Showcase services with clear visual hierarchy and action links.

View services →

Team Cards

KP

Keith Posehn

CEO & Founder

20 years in performance marketing. Former Uber, Nextdoor, Square. Host of Behind the Mirror podcast.

AW

Ashley Whetung

Director of Partnerships

Expert in building strategic partnerships and scaling B2B relationships.

JD

Jane Doe

AI Strategy Lead

Specializing in AI implementation and automation strategy for marketing teams.

Video Embed (YouTube)

Behind the Mirror - Episode 12

Video Details

How AI is Transforming Marketing

In this episode, we explore the practical applications of AI in performance marketing, from automated bid management to creative optimization.

AI Marketing Strategy

Duration: 42 min • Published: Dec 15, 2024

Code Blocks

JavaScript Copy
// AI-powered content analysis async function analyzeContent(text) { const response = await fetch('/api/analyze', { method: 'POST', body: JSON.stringify({ text }), }); return response.json(); }
Python Copy
# Campaign performance tracker class CampaignTracker: def __init__(self, campaign_id): self.id = campaign_id self.metrics = {} def track(self, event, value=1): self.metrics[event] = value

Data Tables

Campaign Impressions Clicks CTR Conversions Status
Summer Sale 2024 1,245,000 45,230 3.63% 1,245 ACTIVE
Brand Awareness Q4 892,000 28,120 3.15% 892 ACTIVE
Product Launch Beta 456,000 18,450 4.04% 623 PAUSED
Retargeting - Cart 234,000 12,340 5.27% 456 ACTIVE

Stats & Metrics

$2.4M
Revenue Generated
+24% vs last quarter
847K
Active Users
+12% growth
4.2x
ROAS Average
+0.8 improvement
98.5%
Client Retention
-0.5% this month

Flowcharts & Diagrams

User Visits Site
Returning User?
Yes
Load Preferences
No
Show Onboarding
Personalized Experience

Chart: Campaign Performance

Facebook
85%
Google Ads
72%
LinkedIn
58%
TikTok
45%

Performance score by channel (Q4 2024)

Testimonials

Keith and the Zorz team transformed our marketing operations. The AI infrastructure they built cut our campaign optimization time by 60% while improving ROAS by 2.3x.

SM
Sarah Mitchell
VP Marketing, TechCorp

The fractional VP model was perfect for our stage. We got enterprise-level marketing leadership at a fraction of the cost, with real results to show for it.

JR
James Rodriguez
CEO, StartupXYZ

Navigation

Alerts & Notifications

New Feature Available
AI-powered bid optimization is now available for all Pro accounts.
Campaign Published
Your campaign "Summer Sale 2024" is now live.
Budget Alert
Campaign spending is 85% of daily budget.
Connection Failed
Unable to sync with Google Ads. Please reconnect.

Pricing Cards

Starter
$2,500
/month
  • 5 hours/week consulting
  • Campaign strategy review
  • Monthly performance reports
  • Email support
Enterprise
Custom
contact us
  • Dedicated fractional VP
  • Full marketing operations
  • Custom AI solutions
  • Team training included
  • 24/7 support

Full Page Preview

Level Up Your Marketing With AI

Fractional VP leadership and AI infrastructure consulting for growth-stage companies.

Trusted by 50+ companies • $50M+ in managed ad spend

Variant 38: Dusk Deeper Cards

Darker card backgrounds (#1e2030) for maximum contrast. Lighter page background (#2e3244) creates stronger separation.

Base
Block
Card
Peach
Blue

Typography

Deep Card Contrast

Cards pop against the lighter background with deep shadows.

Buttons

Deep Card

Maximum contrast with darkest card background.

Learn more →
KP

Keith Posehn

CEO & Founder

20 years in performance marketing.

$2.4M
Revenue
+24%
Code
const deep = "#1e2030";

Variant 39: Dusk Warm

Warmer purple-gray base tones. Slightly shifted toward lavender for a cozier feel.

Base
Block
Card
Peach
Blue

Typography

Warm Purple Tones

A cozy, inviting feel with warmer undertones.

Buttons

Warm Card

Comfortable and inviting card styling.

Learn more →

The warmer tones create a more inviting experience that keeps users engaged longer.

JD
Jane Doe
Design Lead
Start
Process
End

Variant 40: Dusk Lighter

Lighter overall base (#303446) for better readability and less eye strain. Maintains catppuccin harmony.

Base
Block
Card
Peach
Blue
Green

Typography

Lighter & Brighter

Easier on the eyes for extended reading sessions.

Buttons

Form

847K
Users
4.2x
ROAS
98%
Satisfaction

Variant 41: Dusk Elevated

More pronounced shadows and elevation. Cards and elements feel more lifted and dimensional.

Base
Block
Card
Peach
Blue

Typography

Elevated Design

Stronger shadows create depth and dimension.

Buttons

Elevated Card

Pronounced shadows make cards pop.

Explore →
Starter
$2.5K
/mo
Enterprise
Custom
contact

Variant 42: Dusk Final

The refined balance of all learnings. Medium base (#2b2e3f), clear card separation, balanced shadows, off-white text.

Base
Block
Card
Peach
Blue
Green
Purple

Typography & Buttons

Typography Scale

Display

Section

Body text with optimal contrast.

Muted text for secondary info.

Buttons

Tags

Default Peach Blue Green

Cards & Team

Content Card

Clear separation from background with balanced shadows.

Learn more →
KP

Keith Posehn

CEO & Founder

20 years in performance marketing.

$2.4M
Revenue Generated
+24%

Forms & Code

Contact Form

JavaScriptCopy
// Final palette colors const palette = { base: "#2b2e3f", card: "#1f2233", peach: "#ef9f76", blue: "#8caaee", text: "#c6d0f5", };

Alerts & Navigation

Info
New feature available.
Success
Changes saved.
Warning
Budget at 85%.
Error
Connection failed.
Video Embed

Full Page Preview

Level Up Your Marketing With AI

Fractional VP leadership and AI infrastructure consulting.

Trusted by 50+ companies