Frames

Site Settings

Branding

Title

Font family

Caption

Theme

Accent

Background

Layout

Desktop cols

Tablet cols

Mobile cols

Stack repeats

How many times the gallery pattern repeats.

Grid gap (px)

Base row height (px)

Auto-scales down on smaller screens to keep tile proportions tighter.

Image fit mode

Contain keeps full original image visible inside each puzzle tile.

Use full-width layout

Turn on to stretch the gallery to the full browser width.

Max content width (px)

Ignored when full-width is enabled.

Animation

Default animation

Duration (ms)

Delay (ms)

Typography scale controls

Each size is now fully editable with human-friendly inputs: minimum, fluid boost, and maximum.

fs-xs

Min (rem)

Preferred base (rem)

Fluid boost (vw)

Max (rem)

Generated clamp()

Helper text, labels, and microcopy.

fs-sm

Min (rem)

Preferred base (rem)

Fluid boost (vw)

Max (rem)

Generated clamp()

Small metadata and dense UI text.

fs-md

Min (rem)

Preferred base (rem)

Fluid boost (vw)

Max (rem)

Generated clamp()

Default body copy size.

fs-lg

Min (rem)

Preferred base (rem)

Fluid boost (vw)

Max (rem)

Generated clamp()

Lead paragraphs and emphasized content.

fs-xl

Min (rem)

Preferred base (rem)

Fluid boost (vw)

Max (rem)

Generated clamp()

Section headings and promos.

fs-xxl

Min (rem)

Preferred base (rem)

Fluid boost (vw)

Max (rem)

Generated clamp()

Hero titles and key callouts.

Need precision? Tweak each part and the final clamp(min, preferred + vw, max) value updates automatically.