ÿØÿàJFIF``ÿí"Photoshop 3.08BIMx Baseline home page walkthrough | BK Design Solutions
Skip to main content
Verso Theme Docs

Contact support


Baseline home page walkthrough

Proof-first structure: hero mosaic, goals, comparison, testing, reviews as data.

Baseline’s home page argues from evidence. Every section is a different kind of proof. Top to bottom:

Hero mosaic

A bento grid: statement tile, media tile, product tile, and a live-batch tile, welded to a stat band. Each tile is configurable; lead with your strongest claim and your realest number.

Statistics band

The proof bar — three or four hard numbers with labels. Uses the shared index number/label pattern; see Index numbers and labels.

Goal selector

Five goal tiles (strength, sleep, recovery…) that swap a three-product result strip. Assign the products per goal; the “why” and dose lines read from product metafields — see Product metafields.

Comparison band

“Us against the shelf” — four questions, three columns, yours highlighted. Keep the claims checkable; the style’s credibility depends on it.

Testing band and ingredient index

The lab story as numbered checks, then the dense evidence-tagged ingredient list. The demo deliberately includes an unstocked ingredient with a reason — honesty as merchandising.

Review data band

Reviews presented as data: an overall score, outcome statistics, and four review columns. Each review block carries its own 1–5 star rating and the overall score averages them automatically (or accepts an override). See Star ratings and reviews.

Dual CTA

The closing pair of calls to action — usually shop and learn.

Baseline lives or dies on specificity. “5.04 g measured against 5.00 g stated” converts; “high quality ingredients” does not.

Skip to content

rupiahtoto