Widgets

Editorial components from the Art Out East design system, each embeddable independently on Squarespace via iframe. Same shape language across all: hard square corners, 1px navy keyline (#363657), IvyPresto italic for headlines, Helvetica for UI, kicker palette (Mint #B8FFB2, Sky #6DC2DF, Pink #DE8EB6, Lavender #D7BAF8).

Title band

Page header — H1 in IvyPresto italic (74px desktop, 46px mobile) with a one-line dek. Sets editorial context above other widgets.

Open ↗

URL parameters

title
H1 text
dek
Sub-headline paragraph

Feature card

Editorial anchor — hero image, colored kicker pill, IvyPresto italic headline, Helvetica dek, uppercase CTA link with arrow. The editorial spine of any guide page. Hover: image scales, arrow nudges right, keyline goes sage.

Open ↗

URL parameters

kicker
Category pill label (e.g. Public Art, Black Artists, Residencies, The Guide)
color
Pill color — palette key (mint, sky, pink, lavender) or raw hex
headline
IvyPresto italic headline
dek
Body paragraph under the headline
img
Hero image URL (Cloudinary, Unsplash, canonical asset)
href
Where the card links to
cta
CTA label (defaults to "Read the feature")

Teaser tile / Photo-link tile

Full-bleed photograph with a 180° navy gradient scrim, colored kicker pill top-left, optional IvyPresto italic overlay bottom-left. Repeats across the hero grid and below-map grid. Aspect ratio configurable per tile for page rhythm.

Open ↗

URL parameters

kicker
Category pill label
color
Pill color — palette key or raw hex
headline
IvyPresto italic overlay (omit for image-only tile)
img
Full-bleed image URL
href
Where the tile links to
aspect
Aspect ratio, e.g. 4/5, 16/10, 3/4. Defaults 4/5.

Text tile

Cream card, colored kicker pill top-left, IvyPresto italic body copy, CTA button. Two styles — filled (bright-blue like "Interactive map") or outline (like "Message us" / "Did we miss your favorite spot?").

Open ↗

URL parameters

kicker
Category pill label. Pass none to hide.
color
Pill color — palette key or raw hex
body
IvyPresto italic body copy
cta
Button label
href
Button link
style
filled (bright-blue) or outline (navy border)