NATIVE SIMPLE LIST / SELECTED TREATMENT

Editorial Service Index

Curate the details. See the possibilities. Keep the native foundation.

№ 001

LIVE STUDY / EDITORIALSIMULATED SQUARESPACE MARKUP

01 / LIVE CANVASREAL SOURCE CSS · REPRESENTATIVE DOM

About this preview. The studio renders the source treatment CSS against representative Squarespace-style markup, not a connected client site. Check responsive behavior and native selectors in Codex before production.

Open treatment source ↗

02 / THE WORDS

Make it yours.

Preview-only content

Primary headingSupporting copyAction label

03 / YOUR BRAND KIT

Make it feel
like them.

Change the palette and typography. Watch the canvas respond.

Brand colors

01 / 06

Five editable colors, inspired by Squarespace's familiar styling controls.

Typography

02 / 06

Try a heading and body font combination. No client font files leave this browser.

Heading fontEyebrow fontBody font

Custom fonts

03 / 06

Upload WOFF or WOFF2 for local previews. You will still need to host and install licensed font files in Squarespace.

↑ Upload heading font↑ Upload eyebrow font↑ Upload body font

No custom fonts loaded

Preview elements

04 / 06

Control supporting elements independently. These only appear when a treatment supports them.

Your photoJPG · PNG · WEBP

Upload a photo

Your motifSVG · PNG · WEBP

Upload a motif

Visibility

Show image Show motifs Show buttons

Which entries have buttons?

Item 01 Item 02 Item 03 Item 04

Alternate uppercase titles

Handoff

05 / 06

Choose the exact native section anchor shown below for the selected treatment.

Section Anchor Link

A note from the studio

06 / 06

This is a playful development environment, not a Squarespace runtime emulator. The exported code preserves the source treatment and appends your color/font overrides. Some legacy fixed-color rules may need Codex cleanup.