Kitchen Sink

An internal reference page rendering every page-safe block with sample content, so we can confirm each is styled to brand. Each demo is labelled with the block’s name.

Intentionally excluded: product, cart, collection, and blog blocks — they require their own page context and are already shown brand-styled on the live PDP, cart drawer, collection, and glossary surfaces.

Text block

type_preset: rte (default) / paragraph / h1–h6.

Heading 1 — h1

Heading 2 — h2

Heading 3 — h3

Heading 4 — h4

Heading 5 — h5

Heading 6 — h6

Paragraph preset — body copy. The quick brown fox jumps over the lazy dog.

RTE preset (default) — rich text with bold, italic, and a link.

Jumbo text block

Oversized display type, single line.

Jumbo text block

Button block

style_class: primary / secondary / link.

Button block — full width

width: custom 100%.

Full-width primary button

Image block

image_ratio: square / portrait / landscape. (Placeholder when empty.)

Logo block

The store logo, sized; falls back to the shop name.

PlayLoveWin

Video block

Self-hosted / external video. (Placeholder when empty.)

Play video

Comparison slider block

Before/after image wipe. (Placeholders when empty.)

Icon block

From the icon library; optionally a link. Showing heart, star, truck, lock, leaf (linked).

Spacer block + Divider block

A spacer adds vertical whitespace; a divider draws a rule.

Group block

A layout container that nests blocks and controls direction, gap, alignment, width, and background. Below: three column groups in a row (a multicolumn).

Group column one

Groups nest blocks and control layout.

Group column two

In a row, the three groups sit side-by-side and stack on mobile.

Group column three

Each is itself a vertical group of heading + paragraph.

Accordion block

Expandable rows (caret icon, dividers), built from nested accordion-row blocks.

Accordion block — first row

The first row is open by default; each row holds nested text blocks.

Accordion block — second row

Click a heading to expand or collapse it.

Accordion block — third row

Rows use the brand caret and a hairline divider.

Email signup block

Newsletter capture with an integrated submit.

Contact form block

A full contact form with a submit button (nested block).

Custom Liquid block

Renders arbitrary Liquid/HTML. Below it prints the shop name via Liquid.

Custom Liquid block — shop name: PlayLoveWin

Payment icons block

The store’s accepted payment methods.

Payment methods
  • American Express
  • Apple Pay
  • Bancontact
  • Diners Club
  • Discover
  • Google Pay
  • Mastercard
  • PayPal
  • Shop Pay
  • Visa

Featured collection block

A product grid from a chosen collection (here: Curated).

Color schemes

Each block below sits on one of the six brand schemes, with a primary + secondary button so foreground, background, and accent are all visible.

White (scheme-1)

Foreground text on this scheme’s background. Buttons show the accent.

Black (scheme-2)

Foreground text on this scheme’s background. Buttons show the accent.

Play yellow (scheme-3)

Foreground text on this scheme’s background. Buttons show the accent.

Love red (scheme-4)

Foreground text on this scheme’s background. Buttons show the accent.

Win green (scheme-5)

Foreground text on this scheme’s background. Buttons show the accent.

Neutral (scheme-6)

Foreground text on this scheme’s background. Buttons show the accent.

Hero section

PLW Basic Page section

Editorial two-column layout with group-label, rich-text, accordion, and CTA blocks.

PLW Basic Page — main column

Rich text block

The basic-page section composes classic section blocks into a two-column editorial layout. This is a rich_text block in the main column.

Accordion block (basic page)

An expandable row inside the basic-page section.

Accordion block — second row

A second collapsible row.

Side column

CTA block

A call-to-action card in the side column.

Learn more