✨ FreshLaunch Design System

Build. Launch.
Grow faster.

A marketing-first design system for SaaS landing pages and growth tools. Violet-pink gradients, Bricolage Grotesque weight, and components that convert visitors into customers.

Bricolage Grotesque Gradient #8B5CF6→#EC4899 Light Default Startup Energy
Color Tokens
Gradient-first palette — violet to pink, with electric supporting hues.
Gradient System
grad (primary)
violet→pink
accent
—
accent-b
—
accent-dim
alpha
Supporting Neons
teal
—
orange
—
lime
—
success
—
Surfaces
bg-base
lavender white
bg-surface
white
bg-elevated
soft lavender
text-primary
deep violet-black
Typography
Bricolage Grotesque — the variable font built for startup headlines that pop.
display / 42px / 800
10× your growth
h1 / 30px / 800
Launch in minutes, not months
h2 / 22px / 700
Everything your team needs
h3 / 17px / 700
A/B Testing made ridiculously simple
body / 14px Nunito
Create beautiful landing pages, run split tests, and track every conversion — all in one platform. No code, no designers, no excuses. Just results.
small / 12px
Trusted by 14,000+ startups · SOC 2 Certified · 99.99% uptime
caption / DM Mono
WORKSPACE: acme-inc · PLAN: PRO · PAGES_PUBLISHED: 47
Buttons
Gradient primary — every CTA should feel like an invitation.
Primary CTAs
Outline & Ghost
Supporting
Hero CTA Stack
Badges
Feature status, plan tiers, and growth labels.
🚀 New Trending Beta Updated Free Forever PRO Archived
Form Inputs
Rounded, bold-bordered — forms that feel friendly, not intimidating.
📄
🔗
// Recommended: 150–160 characters for best SEO performance
KPI Cards
Growth metrics with gradient accent bars — thicker than the others to match the energy.
Total Visitors👁
142k
↑ 38% vs last month
Signups Today✉️
847
↑ 22% vs yesterday
Conversion Rate🎯
5.9%
↑ 1.2pp vs control
MRR💸
$28.4k
↑ 18% MoM
Campaigns Table
Landing page performance across active campaigns.
PageTemplateVisitorsConv. RateΔ vs ControlStatus
Summer Sale Hero
freshlaunch.io/summer		 SaaS Hero 48,201 5.9% +1.2pp ↑ Winner
Product Waitlist
freshlaunch.io/waitlist		 Waitlist 22,840 12.4% +4.8pp ↑ Live
Webinar Registration
freshlaunch.io/webinar		 Webinar 9,120 3.1% -0.4pp ↓ Testing
Free Tool CTA
freshlaunch.io/tools		 Blank 61,800 8.2% +2.9pp ↑ Active
Hero Section Preview
A live preview of a FreshLaunch-styled landing page hero.
Launching something new
Your landing page,
live in 5 minutes.
Stop losing leads to slow, ugly pages. FreshLaunch builds high-converting landing pages while you focus on what you do best.
A
K
M
+
Joined by 14,000+ founders this month · No credit card needed
Pricing Cards
Three-tier pricing with gradient featured card — classic SaaS conversion pattern.
Free
$0/mo
Perfect for indie hackers and side projects getting started.
  • ✓3 landing pages
  • ✓1,000 visitors/mo
  • ✓Basic templates
  • ×A/B Testing
  • ×Custom domain
Most Popular
Pro
$49/mo
Everything growing startups need to scale their acquisition.
  • ✓Unlimited pages
  • ✓50,000 visitors/mo
  • ✓All templates
  • ✓A/B Testing
  • ✓Custom domain
Scale
$149/mo
For teams serious about growth with advanced analytics needs.
  • ✓Everything in Pro
  • ✓Unlimited visitors
  • ✓AI copywriter
  • ✓Team collaboration
  • ✓Priority support
Feature Cards
Icon-led feature grid for landing page sections.
⚡
Launch in Minutes
Drag-and-drop builder with 50+ conversion-optimized templates. No design skills needed.
🧪
A/B Test Everything
Split test headlines, CTAs, images, and entire layouts. Let data choose the winner automatically.
📈
Real-Time Analytics
Track visitors, conversions, and revenue attribution across every campaign in one dashboard.
🤖
AI Copywriter
Generate headlines, CTAs, and body copy trained on thousands of high-converting pages.
🔗
1-Click Integrations
Connect to HubSpot, Mailchimp, Stripe, Zapier, and 200+ tools in seconds.
🛡
99.99% Uptime
Enterprise-grade infrastructure that keeps your pages live when traffic spikes matter most.
LaunchAI
Your AI-powered growth and copy assistant — built right into the platform.
🚀
LaunchAI
Active — Creative Mode
GPT-4.1
Hey! 👋 Your Summer Sale page is crushing it — 5.9% conversion rate vs 4.7% industry average. I noticed your CTA button says "Learn More" — that's usually a conversion killer. Want me to generate 5 high-converting alternatives to A/B test?
LaunchAI · just now
Yes! And also write a headline variant that emphasizes urgency for the sale ending.
You · just now
🔥 5 CTA variants to test:
1. "Grab My Deal →" · 2. "Start Saving Now" · 3. "Claim 40% Off" · 4. "Yes, I Want This →" · 5. "Get Instant Access"

⏰ Urgency headline: "Sale ends in 48 hours — 40% off everything, no code needed." Predicted lift: +18–26% CVR based on similar pages.
LaunchAI · just now
Theme Compare
Light for marketing pages — dark for power-user dashboards.
☀️ Light Mode (Default)
--bg-base: #FAFAFF
--grad: #8B5CF6 → #EC4899
--text: #0D0A1E
Font: Bricolage Grotesque
🌙 Dark Mode
--bg-base: #07040F
--grad: #A78BFA → #F472B6
--text: #F0EEFF
Font: Bricolage Grotesque
CSS Token Export
Complete FreshLaunch design token set including gradient definitions.
/* FreshLaunch Design System v1.0 — Light Theme */
/* Backgrounds */
--bg-base: #FAFAFF;
--bg-surface: #FFFFFF;

/* Gradient System */
--accent: #8B5CF6;
--accent-b: #EC4899;
--grad: linear-gradient(135deg, #8B5CF6, #EC4899);
--grad-soft: linear-gradient(135deg, rgba(139,92,246,.12), rgba(236,72,153,.09));

/* Supporting */
--teal: #06B6D4;
--orange: #F97316;
--lime: #84CC16;

/* Typography */
--font-heading: 'Bricolage Grotesque';
--font-body: 'Nunito';
FRESHLAUNCH DESIGN SYSTEM v1.0 · STUDIOFLOW.TOP · BUILT WITH ❤ BY APTOCODE