Langue
Retour aux blocs

Pricing

Prism Pricing Grid

Use this for SaaS pricing pages, agency retainers, or service packages that need clear contrast between plans.

pricingplanssaascards

Aperçu en direct

Aperçu en direct

Starter

$19

For early products and single operators.

  • Unlimited blocks
  • Email support
  • Basic exports
Popular

Growth

$49

For teams shipping every week.

  • Shared libraries
  • Advanced exports
  • Priority support

Scale

$129

For larger teams and multi-brand systems.

  • Unlimited seats
  • Approval flows
  • Dedicated onboarding

HTML + Tailwind

Code prêt à copier

<section class="rounded-[32px] border border-slate-200 bg-white p-6 shadow-sm">
  <div class="grid gap-4 lg:grid-cols-3">
    <article class="rounded-[28px] border border-slate-200 bg-slate-50 p-5">
      <p class="text-sm font-semibold text-slate-900">Starter</p>
      <p class="mt-4 text-4xl font-semibold text-slate-950">$19</p>
      <p class="mt-2 text-sm text-slate-600">For early products and single operators.</p>
      <ul class="mt-5 space-y-2 text-sm text-slate-600">
        <li>Unlimited blocks</li>
        <li>Email support</li>
        <li>Basic exports</li>
      </ul>
    </article>
    <article class="relative rounded-[28px] border border-slate-900 bg-slate-950 p-5 text-white shadow-xl shadow-slate-950/15">
      <span class="absolute right-5 top-5 rounded-full bg-white px-3 py-1 text-xs font-semibold text-slate-950">Popular</span>
      <p class="text-sm font-semibold text-slate-200">Growth</p>
      <p class="mt-4 text-4xl font-semibold">$49</p>
      <p class="mt-2 text-sm text-slate-300">For teams shipping every week.</p>
      <ul class="mt-5 space-y-2 text-sm text-slate-300">
        <li>Shared libraries</li>
        <li>Advanced exports</li>
        <li>Priority support</li>
      </ul>
    </article>
    <article class="rounded-[28px] border border-slate-200 bg-white p-5">
      <p class="text-sm font-semibold text-slate-900">Scale</p>
      <p class="mt-4 text-4xl font-semibold text-slate-950">$129</p>
      <p class="mt-2 text-sm text-slate-600">For larger teams and multi-brand systems.</p>
      <ul class="mt-5 space-y-2 text-sm text-slate-600">
        <li>Unlimited seats</li>
        <li>Approval flows</li>
        <li>Dedicated onboarding</li>
      </ul>
    </article>
  </div>
</section>

Blocs associés

Usage pricing

Start with a clear base, then scale with demand.

Platform fee

$29

Per 1k actions

$0.14

Included every month

  • 50,000 actions
  • 3 team workspaces
  • 14-day usage retention

Pricing

Metered Pricing Stack

A stacked pricing section that pairs package pricing with usage and overage context.

pricingusageapimetered
Ouvrir le bloc
Shipping fast UI systems for modern apps

Build a sharper product surface before your first user lands.

Layered typography, strong spacing, and conversion-ready CTAs for startup launches, product reveals, and campaign microsites.

Teams

1.2k

Launches

184

Avg. uplift

31%

Hero Sections

Aurora Launch Hero

A cinematic hero with layered gradients, trust stats, and two focused calls to action.

herolanding pagesaascta
Ouvrir le bloc

MRR

$42k

Churn

1.8%

Activation

68%

Weekly activity

+12%

Dashboard

Command Center Shell

A dense dashboard shell with a compact rail, summary cards, and activity surfaces.

dashboardadminanalyticssaas
Ouvrir le bloc

Cookie preferences

We use cookies for essential site features and, with your permission, analytics and advertising.