patx/vegy
Restore simple customer logos and increase feature spacing
Commit f0fd9b1 · patx · 2026-09-21T20:21:23-04:00
Comments
No comments yet.
Diff
diff --git a/docs/index.html b/docs/index.html
index 73b76ba..0f2ffdf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -114,22 +114,12 @@
<div class="shot-dots" id="shotDots"></div>
</div>
- <section class="trust" aria-labelledby="proof-title">
- <div class="proof-result">
- <h2 class="h-md" id="proof-title">Over $2 million in orders in Vegy’s first year</h2>
+ <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" />
+ <img src="prima.webp" width="315" height="132" loading="lazy" alt="Prima Produce" />
</div>
- <div class="proof-source">
- <p>Reported by After Dark Labs, the team that builds and operates Vegy. This is a platform-wide result.</p>
- <a class="link" href="https://afterdarklabs.io/">Read the Vegy project write-up at After Dark Labs</a>
- </div>
- <div class="proof-customers">
- <p class="trust-caption">Garden Fresh Produce and Prima Produce use Vegy to take orders.</p>
- <div class="trust-logos">
- <img src="gardenfresh.webp" width="437" height="132" loading="lazy" alt="Garden Fresh Produce LLC" />
- <img src="prima.webp" width="315" height="132" loading="lazy" alt="Prima Produce" />
- </div>
- </div>
- </section>
+ </div>
</div>
</section>
diff --git a/docs/styles.css b/docs/styles.css
index 0cc53d3..bb60ea7 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -1571,65 +1571,17 @@ a {
}
.marketing .trust {
- display: grid;
- grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
- column-gap: clamp(3rem, 7vw, 6rem);
- row-gap: 3rem;
- align-items: start;
- max-width: 1040px;
- margin: clamp(4rem, 8vw, 7rem) auto 1.5rem;
- padding-top: clamp(3rem, 5vw, 4.5rem);
- text-align: left;
-}
-
-.proof-result h2 {
- max-width: 20ch;
- font-size: clamp(1.8rem, 3vw, 2.5rem);
- line-height: 1.2;
- text-wrap: balance;
-}
-
-.proof-source p {
- margin-bottom: 1.25rem;
- line-height: 1.75;
- color: var(--ink-2);
-}
-
-.proof-source .link {
- display: inline-block;
- color: var(--green-dark);
- font-size: 0.95rem;
- line-height: 1.65;
-}
-
-.proof-customers {
- grid-column: 1 / -1;
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 2.5rem;
- padding-top: 2.5rem;
- border-top: 1px solid var(--border);
-}
-
-.proof-customers .trust-caption {
- margin: 0;
- max-width: 36ch;
- font-size: 1rem;
- line-height: 1.7;
- color: var(--ink-2);
+ margin-top: clamp(3rem, 5vw, 4rem);
+ padding-top: clamp(2rem, 4vw, 3rem);
}
.marketing .trust-logos {
- flex: 0 1 440px;
- flex-wrap: nowrap;
- justify-content: space-between;
- gap: clamp(1.5rem, 4vw, 3.5rem);
+ gap: clamp(2rem, 6vw, 5rem);
}
.marketing .trust-logos img {
width: 180px;
- max-width: calc(50% - 0.75rem);
+ max-width: calc(50% - 1rem);
height: 64px;
object-fit: contain;
opacity: 1;
@@ -1642,7 +1594,7 @@ a {
}
.feature-details {
- margin-top: clamp(3rem, 6vw, 5rem);
+ margin-top: clamp(5rem, 10vw, 8rem);
}
.feature-details .mock-line {
@@ -1730,32 +1682,10 @@ a {
}
@media (max-width: 800px) {
- .marketing .trust,
.faq-layout {
grid-template-columns: minmax(0, 1fr);
}
- .marketing .trust {
- row-gap: 1.75rem;
- }
-
- .proof-result h2 {
- max-width: 24ch;
- }
-
- .proof-customers {
- margin-top: 0.75rem;
- flex-direction: column;
- align-items: flex-start;
- gap: 2rem;
- }
-
- .marketing .trust-logos {
- flex: none;
- width: 100%;
- max-width: 420px;
- }
-
.faq-layout .section-head {
margin-bottom: 1rem;
}