Pixel contract · basalt
basalt.
This file is the canonical design rubric for the **foundry** theme. It is read by [`bin/snap-vision-review.py`](../bin/snap-vision-review.py) and concatenated into the prompt that asks Claude to review every screenshot. …
← all themes · source
tests/visual-baseline
Open basalt in Playground →
mobile17 shots
product-simple.qty-increment
qty-increment
Single simple product with gallery, add-to-cart, reviews.
product-variable.swatch-pick
swatch-pick
Single variable product with attribute swatches and variation image swap.
checkout-filled.field-focus
field-focus
Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
journal-post
Single journal post (`single.html` template) — the only place the comments template-part actually paints. Picked the post with 4 named commenters (Jamie / Brenda Ash / L. Ortega / Percival Aftermath) so the comment-list rendering, identicons, and per-comment separator are all visible in one shot.
tablet16 shots
product-simple.qty-increment
qty-increment
Single simple product with gallery, add-to-cart, reviews.
product-variable.swatch-pick
swatch-pick
Single variable product with attribute swatches and variation image swap.
checkout-filled.field-focus
field-focus
Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
journal-post
Single journal post (`single.html` template) — the only place the comments template-part actually paints. Picked the post with 4 named commenters (Jamie / Brenda Ash / L. Ortega / Percival Aftermath) so the comment-list rendering, identicons, and per-comment separator are all visible in one shot.
desktop17 shots
product-simple.qty-increment
qty-increment
Single simple product with gallery, add-to-cart, reviews.
product-variable.swatch-pick
swatch-pick
Single variable product with attribute swatches and variation image swap.
checkout-filled.field-focus
field-focus
Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
checkout-filled.return-to-cart-visible
return-to-cart-visible
Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
journal-post
Single journal post (`single.html` template) — the only place the comments template-part actually paints. Picked the post with 4 named commenters (Jamie / Brenda Ash / L. Ortega / Percival Aftermath) so the comment-list rendering, identicons, and per-comment separator are all visible in one shot.
wide17 shots
product-simple.qty-increment
qty-increment
Single simple product with gallery, add-to-cart, reviews.
product-variable.swatch-pick
swatch-pick
Single variable product with attribute swatches and variation image swap.
checkout-filled.field-focus
field-focus
Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
checkout-filled.return-to-cart-visible
return-to-cart-visible
Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
journal-post
Single journal post (`single.html` template) — the only place the comments template-part actually paints. Picked the post with 4 named commenters (Jamie / Brenda Ash / L. Ortega / Percival Aftermath) so the comment-list rendering, identicons, and per-comment separator are all visible in one shot.