Sprout

Item: Sprout
Rating: 7

Next.js and Sanity boilerplate for headless Shopify stores and marketing sites.

sprout.store Save page

7.0/10MABTU rating

Home

DESKTOP · 1440 × 7,817/ ↗

MOBILE · 390

Section outline · Home

01heroPixel plant icon, centred copy, lime button949
02featuresFour small feature cards and client logo row
03videoCode editor video with founder avatar683
04showcaseSite screenshot with category tabs672
05featuresTabbed grid of eight features596
06pricingTwo pricing cards, lifetime highlighted996
07faqMonospace answers with avatar1,364
08ctaFull lime panel, black button715

Rating · Home

Visual design7.2

UX & clarity7.3

Originality6.8

Craft & consistency7.2

Motion5.5

Performance & a11y7.0

This page scores 7.0; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

PP Neue Montrealheading · sans · self-hosted PP Neue Montrealbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS Sanity

Minimal Product-UI-led Sticky header Logo cloud Pricing table FAQ accordion Tabs

Also: Netlify, Google Analytics, Meta Pixel

Design DNA

White page, centred narrow column, neutral grotesk headlines with mono accents. A pixel-art sprout icon tops the hero and closing band; the only colour is acid lime used for buttons, inline code highlights and a full-bleed closing panel. Sections: four feature cards and client logos, a video of the code with a founder avatar, a tabbed showcase with a real site screenshot, a tabbed feature grid with emoji icons, two pricing cards with the lifetime tier outlined in lime, and FAQ answers set in monospace. Small handwritten notes with arrows annotate prices and cards.

Worth borrowing

Annotate pricing and features with tiny handwritten notes and arrows for a personal founder voice.
Highlight inline code phrases ('git clone', 'get updates for free') with a lime marker background.
Set FAQ answers in monospace to signal a developer product.