← Fifty AI agents, on strict rails Snaps · basalt

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

basalt mobile home
home Editorial front-page (theme identity, hero, featured products).
basalt mobile home.menu-open
home.menu-open menu-open Editorial front-page (theme identity, hero, featured products).
basalt mobile shop
shop WC shop archive with sort dropdown and product grid.
basalt mobile product-simple
product-simple Single simple product with gallery, add-to-cart, reviews.
basalt mobile product-simple.qty-increment
product-simple.qty-increment qty-increment Single simple product with gallery, add-to-cart, reviews.
basalt mobile product-simple.reviews-open
product-simple.reviews-open reviews-open Single simple product with gallery, add-to-cart, reviews.
basalt mobile product-variable
product-variable Single variable product with attribute swatches and variation image swap.
basalt mobile product-variable.swatch-pick
product-variable.swatch-pick swatch-pick Single variable product with attribute swatches and variation image swap.
basalt mobile category
category Single product-category archive page.
basalt mobile cart-filled
cart-filled Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt mobile cart-filled.line-remove
cart-filled.line-remove line-remove Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt mobile cart-empty
cart-empty Cart page in empty state (regression-prone block).
basalt mobile checkout-filled
checkout-filled Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt mobile checkout-filled.field-focus
checkout-filled.field-focus field-focus Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt mobile my-account
my-account My Account login form (logged-out view).
basalt mobile journal
journal Blog index (posts page) for editorial typography.
basalt mobile journal-post
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

basalt tablet home
home Editorial front-page (theme identity, hero, featured products).
basalt tablet shop
shop WC shop archive with sort dropdown and product grid.
basalt tablet product-simple
product-simple Single simple product with gallery, add-to-cart, reviews.
basalt tablet product-simple.qty-increment
product-simple.qty-increment qty-increment Single simple product with gallery, add-to-cart, reviews.
basalt tablet product-simple.reviews-open
product-simple.reviews-open reviews-open Single simple product with gallery, add-to-cart, reviews.
basalt tablet product-variable
product-variable Single variable product with attribute swatches and variation image swap.
basalt tablet product-variable.swatch-pick
product-variable.swatch-pick swatch-pick Single variable product with attribute swatches and variation image swap.
basalt tablet category
category Single product-category archive page.
basalt tablet cart-filled
cart-filled Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt tablet cart-filled.line-remove
cart-filled.line-remove line-remove Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt tablet cart-empty
cart-empty Cart page in empty state (regression-prone block).
basalt tablet checkout-filled
checkout-filled Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt tablet checkout-filled.field-focus
checkout-filled.field-focus field-focus Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt tablet my-account
my-account My Account login form (logged-out view).
basalt tablet journal
journal Blog index (posts page) for editorial typography.
basalt tablet journal-post
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

basalt desktop home
home Editorial front-page (theme identity, hero, featured products).
basalt desktop shop
shop WC shop archive with sort dropdown and product grid.
basalt desktop product-simple
product-simple Single simple product with gallery, add-to-cart, reviews.
basalt desktop product-simple.qty-increment
product-simple.qty-increment qty-increment Single simple product with gallery, add-to-cart, reviews.
basalt desktop product-simple.reviews-open
product-simple.reviews-open reviews-open Single simple product with gallery, add-to-cart, reviews.
basalt desktop product-variable
product-variable Single variable product with attribute swatches and variation image swap.
basalt desktop product-variable.swatch-pick
product-variable.swatch-pick swatch-pick Single variable product with attribute swatches and variation image swap.
basalt desktop category
category Single product-category archive page.
basalt desktop cart-filled
cart-filled Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt desktop cart-filled.line-remove
cart-filled.line-remove line-remove Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt desktop cart-empty
cart-empty Cart page in empty state (regression-prone block).
basalt desktop checkout-filled
checkout-filled Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt desktop checkout-filled.field-focus
checkout-filled.field-focus field-focus Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt desktop checkout-filled.return-to-cart-visible
checkout-filled.return-to-cart-visible return-to-cart-visible Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt desktop my-account
my-account My Account login form (logged-out view).
basalt desktop journal
journal Blog index (posts page) for editorial typography.
basalt desktop journal-post
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

basalt wide home
home Editorial front-page (theme identity, hero, featured products).
basalt wide shop
shop WC shop archive with sort dropdown and product grid.
basalt wide product-simple
product-simple Single simple product with gallery, add-to-cart, reviews.
basalt wide product-simple.qty-increment
product-simple.qty-increment qty-increment Single simple product with gallery, add-to-cart, reviews.
basalt wide product-simple.reviews-open
product-simple.reviews-open reviews-open Single simple product with gallery, add-to-cart, reviews.
basalt wide product-variable
product-variable Single variable product with attribute swatches and variation image swap.
basalt wide product-variable.swatch-pick
product-variable.swatch-pick swatch-pick Single variable product with attribute swatches and variation image swap.
basalt wide category
category Single product-category archive page.
basalt wide cart-filled
cart-filled Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt wide cart-filled.line-remove
cart-filled.line-remove line-remove Cart page with 3 items pre-loaded via wo-cart-mu.php.
basalt wide cart-empty
cart-empty Cart page in empty state (regression-prone block).
basalt wide checkout-filled
checkout-filled Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt wide checkout-filled.field-focus
checkout-filled.field-focus field-focus Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt wide checkout-filled.return-to-cart-visible
checkout-filled.return-to-cart-visible return-to-cart-visible Checkout with 3 items pre-loaded; the desktop-squeeze hot-spot.
basalt wide my-account
my-account My Account login form (logged-out view).
basalt wide journal
journal Blog index (posts page) for editorial typography.
basalt wide journal-post
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.