patx/vegy
Simplify homepage typography and pricing copy
Commit b484b62 · patx · 2026-09-21T20:03:29-04:00
Comments
No comments yet.
Diff
diff --git a/docs/index.html b/docs/index.html
index 5aafd60..3209487 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -69,15 +69,14 @@
<section class="hero">
<div class="wrap">
<div class="hero-copy">
- <span class="eyebrow">For produce, meat & specialty food distributors</span>
- <h1 class="h-xl">Take orders<br /><span class="accent">in your sleep</span>.</h1>
+ <h1 class="h-xl">Take orders<br />in your sleep.</h1>
<p class="lede">
+ Vegy helps produce, meat, and specialty food distributors take orders.
Give customers a branded catalog in your app and on the web, with product
- photos, current pricing, promotions, and important announcements. They can
- order there — or keep emailing, texting, and calling while Vegy’s AI
- handles the rest.
+ photos, current pricing, promotions, and announcements. Customers can order
+ there, or keep emailing, texting, and calling while Vegy’s AI handles the rest.
</p>
<div class="cta-row center">
@@ -115,8 +114,7 @@
<div class="shot-dots" id="shotDots"></div>
</div>
- <div class="trust">
- <p class="eyebrow">Running on Vegy today</p>
+ <div class="trust" aria-label="Distributors using Vegy">
<div class="trust-logos">
<img src="gardenfresh.webp" width="437" height="132" loading="lazy"
alt="Garden Fresh Produce LLC" />
@@ -124,6 +122,7 @@
<img src="prima.webp" width="315" height="132" loading="lazy"
alt="Prima Produce" />
</div>
+ <p class="trust-caption">Garden Fresh Produce and Prima Produce use Vegy to take orders.</p>
</div>
</div>
</section>
@@ -132,7 +131,6 @@
<section class="section band-soft" id="why">
<div class="wrap">
<div class="section-head center reveal">
- <span class="eyebrow">Why Vegy</span>
<h2 class="h-lg">Stop piecing together orders from every channel</h2>
<p class="lede">
Your branded catalog — in the app and on the web — gives customers a better
@@ -204,14 +202,12 @@
<section class="section" id="how">
<div class="wrap">
<div class="section-head center reveal">
- <span class="eyebrow">How it works</span>
<h2 class="h-lg">Save time, reduce errors, and prevent shorts</h2>
</div>
<div class="rows">
<div class="row reveal">
<div class="row-text">
- <span class="eyebrow">Step 01</span>
<h3 class="h-md">We brand it. You fill it.</h3>
<p>
We set up your logo, colors, login page, app, and web storefront. Your team
@@ -234,7 +230,6 @@
<div class="row is-flipped reveal">
<div class="row-text">
- <span class="eyebrow">Step 02</span>
<h3 class="h-md">Your customers order</h3>
<p>
In your app or on the web, customers see photos, current account pricing,
@@ -257,7 +252,6 @@
<div class="row reveal">
<div class="row-text">
- <span class="eyebrow">Step 03</span>
<h3 class="h-md">You get a clean order</h3>
<p>
Items and pack sizes are matched, pricing and minimums are applied, and
@@ -285,7 +279,6 @@
<section class="section band-soft" id="features">
<div class="wrap">
<div class="section-head center reveal">
- <span class="eyebrow">Features</span>
<h2 class="h-lg">The rest of what the ordering desk was doing</h2>
<p class="lede">
Case pricing, customer tiers, minimums, and the paperwork your warehouse runs
@@ -379,7 +372,6 @@
<section class="section band-dark">
<div class="wrap">
<div class="section-head reveal">
- <span class="eyebrow">Where Vegy is different</span>
<h2 class="h-lg">Your brand in front, your books untouched</h2>
<p class="lede">
Vegy runs underneath your business — it doesn't put itself between you and
@@ -439,11 +431,10 @@
<section class="section band-soft" id="pricing">
<div class="wrap">
<div class="section-head center reveal">
- <span class="eyebrow">Pricing</span>
- <h2 class="h-lg">No revenue share. No per-seat games.</h2>
+ <h2 class="h-lg">A monthly fee plus 25¢ per AI order</h2>
<p class="lede">
- A flat monthly fee, plus a quarter when our AI takes the order for you. A
- $4,000 order costs you exactly what a $400 order costs you.
+ The AI fee is 25¢ whether the order is $400 or $4,000.
+ You pay for each order processed, with no percentage of sales or per-seat charges.
</p>
</div>
@@ -490,7 +481,6 @@
<section class="section" id="faq">
<div class="wrap wrap-narrow">
<div class="section-head center reveal">
- <span class="eyebrow">Straight answers</span>
<h2 class="h-lg">The questions you're actually asking</h2>
</div>
diff --git a/docs/styles.css b/docs/styles.css
index d54375a..d433da4 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -588,7 +588,7 @@ a {
}
.hero h1 {
- margin-block: 1.3rem 1.4rem;
+ margin-block: 0 1.4rem;
}
.hero .lede {
@@ -1035,9 +1035,10 @@ a {
border-top: 1px solid var(--border);
}
-.trust .eyebrow {
+.trust-caption {
+ margin-top: 1.25rem;
+ font-size: 0.9rem;
color: var(--muted);
- margin-bottom: 1.6rem;
}
.trust-logos {