AdonisJSimport app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'
const site = await app.container.make(SiteClient)
const page = await site.pages().updatePage({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' })
{
"_id": "ckhdscx5900054z9k88uqs16w:en:published",
"aposDocId": "ckhdscx5900054z9k88uqs16w",
"aposLocale": "en",
"aposMode": "published",
"archived": false,
"createdAt": "2023-01-15T10:30:00.000Z",
"updatedAt": "2024-12-18T14:20:00.000Z",
"titleSortified": "about us",
"slug": "/about-us",
"path": "/about-us",
"rank": 0,
"level": 1,
"orphan": false,
"parked": [],
"visibility": "public",
"type": "@apostrophecms/page",
"title": "About Us",
"main": {},
"_ancestors": [],
"_children": [],
"_url": "https://example.com/about-us",
"_edit": true,
"_publish": true,
"copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
"_publishedDoc": {
"_id": "ckhdscx5900054z9k88uqs16w:en:published",
"aposDocId": "ckhdscx5900054z9k88uqs16w",
"aposLocale": "en",
"updatedAt": "2024-12-18T14:20:00.000Z",
"slug": "/about-us",
"path": "/about-us",
"level": 1,
"visibility": "public",
"type": "@apostrophecms/page",
"title": "About Us"
},
"_draftDoc": {
"_id": "ckhdscx5900054z9k88uqs16w:en:published",
"aposDocId": "ckhdscx5900054z9k88uqs16w",
"aposLocale": "en",
"updatedAt": "2024-12-18T14:20:00.000Z",
"slug": "/about-us",
"path": "/about-us",
"level": 1,
"visibility": "public",
"type": "@apostrophecms/page",
"title": "About Us"
},
"aposShareKey": "k3v9x2m7q1z8w4p6",
"scheduledPublish": "Example scheduled publish",
"scheduledUnpublish": "Example scheduled unpublish",
"seoTitle": "Example seo title",
"seoDescription": "Example seo description",
"seoImage": {},
"pageFontOverrides": [],
"footerMarqueeMode": "inherit",
"sections": {},
"comingSoonIcon": "sparkles",
"comingSoonIconFamily": "classic-regular",
"comingSoonIconColor": "Example coming soon icon color",
"comingSoonIconAnimation": "none",
"comingSoonIconSize": "5x",
"comingSoonNote": "Example coming soon note",
"backLinkColor": "Example back link color",
"backLinkColorLight": "Example back link color light",
"backLinkWeight": "semibold",
"backLinkSize": "normal",
"aboveSections": {},
"postList": {},
"belowSections": {},
"backButtonLabel": "Back to all posts",
"backButtonVariant": "outline",
"backButtonSize": "normal",
"backButtonRadius": "slight",
"backButtonColor": "--fetchski-accent",
"backButtonColorLight": "Example back button color light",
"backButtonTextColor": "--fetchski-ink",
"backButtonTextColorLight": "Example back button text color light",
"backButtonHoverColor": "Example back button hover color",
"backButtonHoverColorLight": "Example back button hover color light",
"backButtonStyle": "sweep",
"backButtonShadowColor": "Example back button shadow color",
"backButtonShadowColorLight": "Example back button shadow color light",
"backButtonAnimation": "lift-scale",
"backButtonIcon": "arrow-left",
"backButtonIconFamily": "classic-regular",
"backButtonIconPosition": "before",
"backButtonIconNudge": false,
"postFontOverrides": [],
"postTextSize": "normal",
"postTextWeight": "normal",
"postContentWidth": "normal",
"postLineHeight": "normal",
"postAccentColor": "Example post accent color",
"postAccentColorLight": "Example post accent color light",
"postHeadingWeight": "bold",
"postHeadingColor": "Example post heading color",
"postHeadingColorLight": "Example post heading color light",
"blogPostCss": {}
}
In your app
A controller answers a route on your app: it callsupdatePage() and returns the answer.
Add the controller
app/controllers/update_page_controller.ts
import { inject } from '@adonisjs/core'
import type { HttpContext } from '@adonisjs/core/http'
import { SiteClient } from '@fetchski/attract-cms-sdk'
@inject()
export default class UpdatePageController {
constructor(protected site: SiteClient) {}
async handle({ params }: HttpContext) {
return this.site.pages().updatePage({ id: params.id })
}
}
Add the route
start/routes.ts
import router from '@adonisjs/core/services/router'
const UpdatePageController = () => import('#controllers/update_page_controller')
router.patch('/page/:id', [UpdatePageController])
.use(middleware.auth())): it acts with your key’s access.Call it
Your own page’s form or script sends
PATCH /page/ckitdo5oq004pu69kr6oxo6fr:en:published and gets back its answer as JSON. Test it, below, calls it.- Updating page titles or content
- Moving pages within the tree
- Making incremental changes
_targetId and _position to move the page within the tree.
Find the id
id is the document’s _id, from a list. Ask the list for only the fields you need: each row is a document’s id and those fields.
AdonisJS
import app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'
const site = await app.container.make(SiteClient)
const row = (await site.pages().listPagesPick(['title', 'slug'])).find((each) => each.slug === '/about-us') // { id, title, slug }, or undefined
row.id as id. Drafts: list with { aposMode: 'draft' } to get the draft’s id (Find an id).
Required parameters
Required parameters
Optional parameters
Optional parameters
Optional. Leave it out and the site uses
"published". published (the default) or draft. Drafts need a credential that may see them: an API key with the type’s write scope (content:<type>:write), or a signed-in editor. The public and a key with only the read scope get 403. One of draft, published.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. The locale to read or write, e.g. en (default: the site’s default locale).Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. The page to place it beside or under, by _id (_home and _archive work too). Default _home.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Where, relative to _targetId. Default lastChild. One of before, after, firstChild, lastChild.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. URL slug for the page.Optional. Leave it out and the site uses
false. Whether page is orphaned (not in tree structure)Optional. Leave it out and the site uses
"public". Page visibility setting. One of public, loginRequired, private.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. The page type: one of the site’s page types (the type its pages carry). Anything else is refused with the list.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Page title. At most 100 characters.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show MainArea
Show MainArea
A list of
MainAreaItem. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them).Show MainAreaItem
Show MainAreaItem
A widget in an area that takes
@apostrophecms/rich-text, @apostrophecms/image, @apostrophecms/video: the one its type names.Show RichTextWidget
Show RichTextWidget
A
@apostrophecms/rich-text widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
@apostrophecms/rich-text. One of @apostrophecms/rich-text.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
The text as HTML, e.g.
<h2>Our story</h2><p>It began with <strong>one</strong> idea.</p>. The site keeps the tags and styles this area’s editor offers (paragraphs, headings, bold, italic, links, lists…) and removes the rest.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot.Show ImageWidget
Show ImageWidget
A
@apostrophecms/image widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
@apostrophecms/image. One of @apostrophecms/image.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.The related
@apostrophecms/any-page-type documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show VideoWidget
Show VideoWidget
A
@apostrophecms/video widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
@apostrophecms/video. One of @apostrophecms/video.Required. Enter the URL for a media source you wish to embed (e.g., YouTube, Vimeo, or other hosted video URL).
The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. An ISO 8601 date and time, e.g. 2026-10-21T14:30:00.000Z.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. An ISO 8601 date and time, e.g. 2026-10-21T14:30:00.000Z.Optional. Leave it out and the site uses
"". Overrides the document title in the browser tab and search results. Leave blank to use the regular title.Optional. Leave it out and the site uses
"". Shown in search results and link previews. Aim for 150–160 characters.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Used for Open Graph / social link previews. Recommended 1200×630. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show ImageArea
Show ImageArea
Widgets, top to bottom: send
{ "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.A list of
ImageWidget. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them). At most 1 items. Its fields are listed under the first ImageWidget above.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional. Set part of this page in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). Individual sections can still override this for themselves. At most 4 items.Show PagePageFontOverridesItem
Show PagePageFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
PagePageFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PagePageFontOverridesItemUploadsItem
Show PagePageFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Optional. Leave it out and the site uses
"inherit". The ribbon of phrases scrolling across the top of the footer. Its phrases and the site-wide default are set in Site design → Footer: Marquee. One of inherit, on, off.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with page-header.Show SectionsArea
Show SectionsArea
A list of
SectionsAreaItem. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them).Show SectionsAreaItem
Show SectionsAreaItem
A widget in an area that takes
page-header, hero, @apostrophecms/layout, intro, feature, stats, logos, steps, media-text, device-mock, team, faq, service-map, blog-preview, cookie-declaration, @apostrophecms/rich-text, google-reviews, testimonials, instagram-feed, gallery-preview, gallery-full, pricing, newsletter, sms-signup, form-render, final-cta: the one its type names.Show PageHeaderWidget
Show PageHeaderWidget
A
page-header widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Leave empty to show the page title (the usual case). Set it only when the visible heading should read differently from the page’s title in navigation, search results and breadcrumbs.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.An
ImageArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Scrim behind the text over a background image (only applies when one is set). Leave empty to use the dark surface color.
Optional light-theme override. Falls back to the dark-theme overlay, then the light surface color.
A list of
PageHeaderWidgetPageHeaderFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show PageHeaderWidgetPageHeaderFontOverridesItem
Show PageHeaderWidgetPageHeaderFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
PageHeaderWidgetPageHeaderFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PageHeaderWidgetPageHeaderFontOverridesItemUploadsItem
Show PageHeaderWidgetPageHeaderFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show HeroWidget
Show HeroWidget
A
hero widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Full fills the screen (home pages); Compact is a short banner for interior pages. One of
full, tall, compact.Giant outlined word above the headline (same treatment as the footer wordmark). Reveals on hover.
Outlined letters that fill on hover one at a time, all at once, or always-solid (no ghost effect). One of
letter, word, solid.Optional. Overrides the wordmark fill + outline tint in the dark theme. Leave empty to track the theme’s text color.
Optional light-theme override — handy over a fixed video/photo background that doesn’t switch with the theme. Falls back to the dark-theme color, then the theme default.
A small line (optional icon + business name) above the headline. Off by default when the ghost wordmark carries the brand.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Solid is the standard headline. The outline options give the headline the same ghost treatment as the wordmark, filling on hover. (The accent sticker word stays solid.) One of
solid, letter, word.Optional. Overrides the headline color in the dark theme. Leave empty to track the theme’s text color.
Optional light-theme override — handy over a fixed video/photo background. Falls back to the dark-theme color, then the theme default.
Dual layers a colored offset shadow behind the patch; single is one flat color. One of
dual, single.Hovering either the wordmark or the headline fills both at once. Only available when both are set to fill the whole word/headline on hover.
A bold social hashtag (e.g. #behindthescenes) with its own placement, fill, and optional pill background.
Hashtag placement. One of
aboveGhost, aboveHeadline, belowHeadline, aboveCta.Smaller than the headline, but still a prominent element. One of
large, medium, small.Solid color, or the same outlined “ghost” treatment as the headline that fills on hover. (Ignored when the Solid pill background is used.) One of
solid, letter, word.Optional light-theme override — handy over a fixed video/photo background. Falls back to the dark-theme color, then the accent.
An optional patch behind the hashtag — a softer take on the headline sticker. One of
none, solid, outline.Rounded pill or a squared patch like the headline sticker. One of
pill, square.Patch fill (solid) or border + text (outline). Leave empty to use the site accent color.
A slight rotation, like the headline sticker. Works with or without a background. One of
none, left, right.Optional light-theme override — handy over a fixed video/photo background. Falls back to the dark-theme color, then the muted default.
Where to place an optional Font Awesome icon. One of
none, lockup, aboveHeadline, aboveGhost.Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Icon animation. One of
none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin.An
ImageArea. Used when background type is Image, and as the poster/fallback for Video. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Pick from the Videos library (⌘K → Videos). Short, muted loop; reduced-motion visitors get the fallback image instead. The related
video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Adds a small, unobtrusive pause/play control so visitors can stop the auto-playing background motion (WCAG 2.2.2). Only appears when a moving background is set.
A list of
HeroWidgetHeroFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show HeroWidgetHeroFontOverridesItem
Show HeroWidgetHeroFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
HeroWidgetHeroFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show HeroWidgetHeroFontOverridesItemUploadsItem
Show HeroWidgetHeroFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show LayoutWidget
Show LayoutWidget
A
@apostrophecms/layout widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
@apostrophecms/layout. One of @apostrophecms/layout.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
A
LayoutColumnArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show LayoutColumnArea
Show LayoutColumnArea
A list of
LayoutColumnWidget. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them).Show LayoutColumnWidget
Show LayoutColumnWidget
A
@apostrophecms/layout-column widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
@apostrophecms/layout-column. One of @apostrophecms/layout-column.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
A
LayoutColumnContentArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show LayoutColumnContentArea
Show LayoutColumnContentArea
A list of
LayoutColumnContentAreaItem. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them). Its fields are listed under the first LayoutColumnContentAreaItem above.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show IntroWidget
Show IntroWidget
A
intro widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Optional light-theme override. Falls back to the dark-theme color, then the theme default.
Optional light-theme override. Falls back to the dark-theme color, then the muted default.
Where the optional photo sits. Left/right place it beside the text; Full background fills the whole section behind the text (with a readability overlay). One of
none, left, right, background.An
ImageArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Border draws a frame around the photo; Offset adds a refined offset accent frame behind it. One of
none, border, offset.Photo hover effect. One of
none, lift, zoom, tilt, glow, lift-glow, zoom-glow.Scrim behind the text over a full-background photo. Leave empty to use the dark surface color.
Optional light-theme override. Falls back to the dark-theme overlay, then the light surface color.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
IntroWidgetIntroFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show IntroWidgetIntroFontOverridesItem
Show IntroWidgetIntroFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
IntroWidgetIntroFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show IntroWidgetIntroFontOverridesItemUploadsItem
Show IntroWidgetIntroFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FeatureWidget
Show FeatureWidget
A
feature widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Auto fits as many as comfortably fit and works for any number of cards. Or lock a maximum per row. One of
auto, 2, 3, 4.Scales padding, icon, title, and the index numeral together. One of
small, medium, large.The card treatment. Poster (the default) frames the card with an accent keyline; Raised is a quiet lit card; Luxe a frosted glass panel; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.How a card reacts on hover. Pop is the lift + hard offset shadow; Glow is a soft accent halo. One of
none, lift, pop, glow, border.A big outlined numeral on each card (01, 02, …). Great for step-by-step sequences; turn off when the cards aren’t ordered.
Same treatment as the hero ghost text: all numbers solid, outlined and filling on hover, or always outlined. One of
solid, hover, outline.Optional. Tints the numeral fill + outline. Leave empty to track the theme’s text color.
Optional light-theme override. Falls back to the dark-theme color, then the theme default.
Optional light-theme override. Falls back to the dark-theme color, then the theme default.
Optional light-theme override. Falls back to the dark-theme color, then the muted default.
A list of
FeatureWidgetFeatureCardsItem. Feature cards.Show FeatureWidgetFeatureCardsItem
Show FeatureWidgetFeatureCardsItem
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Icon animation. One of
none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin.Relative to the component’s base icon size. One of
default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
FeatureWidgetFeatureFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FeatureWidgetFeatureFontOverridesItem
Show FeatureWidgetFeatureFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
FeatureWidgetFeatureFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FeatureWidgetFeatureFontOverridesItemUploadsItem
Show FeatureWidgetFeatureFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show StatsWidget
Show StatsWidget
A
stats widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Auto fits as many as comfortably fit and works for any number of stats. Or lock a maximum per row. One of
auto, 2, 3, 4.The baseline scale for the whole stat (value / icon / label / description stay proportional). Fine-tune any single element with its own size control below. One of
small, medium, large.Numbers tick up from zero when the band scrolls into view. Non-numeric values and reduced-motion visitors simply show the final value.
Size of the icon above each number, independent of the overall stat size. One of
auto, sm, md, lg, xl, xxl.A list of
StatsWidgetStatsItem. Stats.Show StatsWidgetStatsItem
Show StatsWidgetStatsItem
Required. The number, e.g. 500, 4.9, 12 — symbols go in the prefix/suffix so the count-up animates the number alone.
Optional Font Awesome icon shown above the number (e.g. star, bolt, chart-line). Leave empty for no icon.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
StatsWidgetStatsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show StatsWidgetStatsFontOverridesItem
Show StatsWidgetStatsFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
StatsWidgetStatsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show StatsWidgetStatsFontOverridesItemUploadsItem
Show StatsWidgetStatsFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show LogosWidget
Show LogosWidget
A
logos widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Adds a small, unobtrusive pause/play control so visitors can stop the auto-playing background motion (WCAG 2.2.2). Only appears when a moving background is set.
Auto fits as many as comfortably fit and works for any number of logos. Or lock a maximum per row. One of
auto, 3, 4, 5, 6.The height each logo is scaled to (width follows the logo’s aspect ratio). One of
small, medium, large.Aligns the eyebrow / heading / intro (and the grid when there are few logos). One of
center, left.Mutes the logos to grayscale and dims them, returning to full color on hover — the classic logo-wall look.
A list of
LogosWidgetLogosItem. Logos.Show LogosWidgetLogosItem
Show LogosWidgetLogosItem
Required. Pick a logo from the Images library. A transparent PNG or an SVG works best. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Required. Company / partner / certification name — used as the image alt text and the link title.
For dark / black logos that would vanish on the dark theme — flips them to light. Leave off for full-color or white logos.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
LogosWidgetLogosFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show LogosWidgetLogosFontOverridesItem
Show LogosWidgetLogosFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
LogosWidgetLogosFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show LogosWidgetLogosFontOverridesItemUploadsItem
Show LogosWidgetLogosFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show StepsWidget
Show StepsWidget
A
steps widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Horizontal lays the steps across a row (marker on top); Vertical stacks them as a classic timeline (marker on the left). One of
horizontal, vertical.Horizontal only. Auto fits as many as comfortably fit and works for any number of steps. Or lock a maximum per row. One of
auto, 2, 3, 4.Horizontal only — aligns the section header and each step’s text. (Vertical is always left-aligned beside its marker.) One of
center, left.A line linking the step markers into a timeline (down the markers when vertical, across them when horizontal).
Plain keeps the connector-linked timeline (just marker + text, no card). Every other style boxes each step — Raised is a quiet lit card, Luxe a frosted glass panel, Outline a plaque frame, Spine adds a color rail, Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a boxed step does on hover (applies when Step style is not Plain). Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Number auto-counts 1, 2, 3…; Icon shows each step’s icon (falling back to the number when a step has none); None hides the marker badge. One of
number, icon, none.Soft is a tinted accent badge; Filled is a solid accent badge; Outline is a bordered badge. One of
soft, filled, outline.Color for the marker badge and the connector line. Leave empty to use the site accent color.
A list of
StepsWidgetStepsItemsItem. Each item is one step in the process. They render in this order; the number marker counts automatically.Show StepsWidgetStepsItemsItem
Show StepsWidgetStepsItemsItem
Optional Font Awesome icon for this step (e.g. calendar-check, circle-check, gear). Shown in the marker when the section marker is set to “Icon”; otherwise the step is numbered.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Overrides the auto number for this step’s marker, e.g. “01” or “A”. Leave empty to auto-count.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
StepsWidgetStepsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show StepsWidgetStepsFontOverridesItem
Show StepsWidgetStepsFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
StepsWidgetStepsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show StepsWidgetStepsFontOverridesItemUploadsItem
Show StepsWidgetStepsFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show MediaTextWidget
Show MediaTextWidget
A
media-text widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Aligns the section header and the text inside each block. (Side-by-side rows usually read best left-aligned.) One of
left, center.For media-left / media-right rows: how the two columns share the width. One of
balanced, media, text.For media-left / media-right rows: how the text lines up against the media. One of
center, top.Aspect ratio of the media frame. Auto keeps an image at its natural shape (videos and embeds always use a ratio). One of
auto, landscape, standard, square, portrait, wide.Block eyebrow weight. One of
normal, medium, semibold, bold, extrabold.Block heading weight. One of
normal, medium, semibold, bold, extrabold.A list of
MediaTextWidgetMediaTextBlocksItem. Each block is one media + text row. They render top to bottom in this order; alternate “Media left” / “Media right” for a classic zig-zag.Show MediaTextWidgetMediaTextBlocksItem
Show MediaTextWidgetMediaTextBlocksItem
Media left / right place the media beside the text; Stacked puts media above the text; Full-bleed runs the media edge-to-edge with the text below. One of
media-left, media-right, stacked, full.Pick where the media comes from. “None” makes this a text-only block. One of
image, video, embed, none.Pick an image from the Images library. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Describe the image for screen readers and SEO. Leave empty to use the library image’s own alt text. Set to a single space for a purely decorative image.
Pick a clip from the Videos library (⌘K → Videos). The related
video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Play automatically as a muted, looping background clip (a pause button is shown, and reduced-motion visitors get the poster image). Off = a normal video with play controls.
Paste a YouTube or Vimeo link, e.g. https://youtu.be/… or https://vimeo.com/….
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
MediaTextWidgetMediaTextFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show MediaTextWidgetMediaTextFontOverridesItem
Show MediaTextWidgetMediaTextFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
MediaTextWidgetMediaTextFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show MediaTextWidgetMediaTextFontOverridesItemUploadsItem
Show MediaTextWidgetMediaTextFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show DeviceMockWidget
Show DeviceMockWidget
A
device-mock widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Which devices to show. Duo overlaps a phone on the corner of a desktop browser; Trio adds a TV behind them (on narrow screens Trio drops the TV and shows as a Duo). Each device used gets its own screen tab. One of
duo, trio, desktop, phone, tv.Where the eyebrow / heading / intro / button sit. Left or right puts the text in a column beside the devices (stacked above them on narrow screens); None shows the devices only. One of
above, left, right, none.How large the devices render within the section. One of
compact, normal, large.The browser window’s content area. Match your desktop captures. One of
16:10, 16:9.Adds a time / signal / battery bar across the top of the phone screen. Leave off for native phone screenshots — they already include the real status bar.
Adds a small, unobtrusive pause/play control so visitors can stop the auto-playing background motion (WCAG 2.2.2). Only appears when a moving background is set.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
A still screenshot, or a short looping screen recording. One of
image, video.Use a native-resolution 16:9 capture of the screen with NO device frame (the frame is drawn for you) — e.g. 1920 × 1080 or 3840 × 2160. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Required once a screenshot is picked. Describe what the screen shows for visitors who can’t see it — e.g. “Dashboard with a weekly activity chart and a list of recent orders”. Skip the device itself (“a phone showing…”); the frame is decorative.
Pick a clip from the Videos library (⌘K → Videos). It plays as a short, muted, looping screen recording — keep it SHORT (about 5–15 seconds) and SMALL (under about 10 MB; an H.264 MP4 without an audio track is ideal), and give the Videos item a poster image: visitors see the poster first, and reduced-motion visitors only ever see the poster. Use a native-resolution 16:9 capture of the screen with NO device frame (the frame is drawn for you) — e.g. 1920 × 1080 or 3840 × 2160. The related
video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Recommended. A short description of what the recording shows, read to screen-reader users — e.g. “Creating a new project in three clicks”. Leave empty only if the surrounding text already says it.
Fill crops the media to fill the whole screen (best for native captures). Fit shows the whole image or video, leaving bars if its shape differs from the screen. One of
cover, contain.Which part stays visible when the media is cropped. Top keeps an app’s header in view — right for most screenshots. One of
top, center, bottom.A still screenshot, or a short looping screen recording. One of
image, video.Use a native-resolution capture of the page content only — no browser toolbar and no device frame (both are drawn for you). 16:10 (e.g. 2880 × 1800) or 16:9 (e.g. 2560 × 1440), matching the “Desktop screen shape” setting. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Required once a screenshot is picked. Describe what the screen shows for visitors who can’t see it — e.g. “Dashboard with a weekly activity chart and a list of recent orders”. Skip the device itself (“a phone showing…”); the frame is decorative.
Pick a clip from the Videos library (⌘K → Videos). It plays as a short, muted, looping screen recording — keep it SHORT (about 5–15 seconds) and SMALL (under about 10 MB; an H.264 MP4 without an audio track is ideal), and give the Videos item a poster image: visitors see the poster first, and reduced-motion visitors only ever see the poster. Use a native-resolution capture of the page content only — no browser toolbar and no device frame (both are drawn for you). 16:10 (e.g. 2880 × 1800) or 16:9 (e.g. 2560 × 1440), matching the “Desktop screen shape” setting. The related
video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Recommended. A short description of what the recording shows, read to screen-reader users — e.g. “Creating a new project in three clicks”. Leave empty only if the surrounding text already says it.
Fill crops the media to fill the whole screen (best for native captures). Fit shows the whole image or video, leaving bars if its shape differs from the screen. One of
cover, contain.Which part stays visible when the media is cropped. Top keeps an app’s header in view — right for most screenshots. One of
top, center, bottom.A still screenshot, or a short looping screen recording. One of
image, video.Use a native-resolution portrait screenshot with NO device frame (the frame is drawn for you) — e.g. 1179 × 2556 or 1290 × 2796 (about 9:19.5). The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Required once a screenshot is picked. Describe what the screen shows for visitors who can’t see it — e.g. “Dashboard with a weekly activity chart and a list of recent orders”. Skip the device itself (“a phone showing…”); the frame is decorative.
Pick a clip from the Videos library (⌘K → Videos). It plays as a short, muted, looping screen recording — keep it SHORT (about 5–15 seconds) and SMALL (under about 10 MB; an H.264 MP4 without an audio track is ideal), and give the Videos item a poster image: visitors see the poster first, and reduced-motion visitors only ever see the poster. Use a native-resolution portrait screenshot with NO device frame (the frame is drawn for you) — e.g. 1179 × 2556 or 1290 × 2796 (about 9:19.5). The related
video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Recommended. A short description of what the recording shows, read to screen-reader users — e.g. “Creating a new project in three clicks”. Leave empty only if the surrounding text already says it.
Fill crops the media to fill the whole screen (best for native captures). Fit shows the whole image or video, leaving bars if its shape differs from the screen. One of
cover, contain.Which part stays visible when the media is cropped. Top keeps an app’s header in view — right for most screenshots. One of
top, center, bottom.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
DeviceMockWidgetDeviceMockFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show DeviceMockWidgetDeviceMockFontOverridesItem
Show DeviceMockWidgetDeviceMockFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
DeviceMockWidgetDeviceMockFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show DeviceMockWidgetDeviceMockFontOverridesItemUploadsItem
Show DeviceMockWidgetDeviceMockFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show TeamWidget
Show TeamWidget
A
team widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Show only members you have flagged “Featured” in the Team Members manager — e.g. a short leadership row on the home page.
Grid: a tidy multi-row grid (the full team page). Carousel: a continuous auto-scrolling marquee (needs site animations enabled — falls back to the grid when they are off). Spotlight: featured members large on top, the rest in a smaller grid. List: wide rows with the full bio. Scatter: a playful arrangement with varied spacing so the cards float freely. One of
grid, carousel, spotlight, list, scatter.How many cards per row. Auto fits as many as comfortably fit (the Scatter layout composes on three columns when set to Auto). One of
auto, 2, 3, 4.How many members lead the section at full size. Members flagged “Featured” fill the spots first, in the manager’s sort order; any extra featured members join the rows below. One of
1, 2.How many of the remaining members sit on each row under the featured spots. One of
2, 3, 4, 5.How far the cards drift from a tidy grid. Subtle keeps a loose grid; Wild pushes the offsets to their playful maximum. One of
subtle, playful, wild.Portrait: the photo on top, name/role/bio below — the classic team card. Overlay: a full-bleed photo with a solid color panel over its lower edge holding the name and role. Profile: a horizontal bar — avatar left, name/role/tagline right. Roster: minimal — just the avatar, name and role. (The List section layout always uses its own wide row.) One of
portrait, overlay, profile, roster.The photo’s aspect ratio on the photo-led card layouts. One of
square, portrait, tall.The photo’s outline. Squircle is a soft superellipse-style corner (approximated with heavy rounding). One of
circle, rounded, squircle, square.A ring around the photo in the avatar color. One of
none, hairline, thin, bold.A flat color accent behind the photo. Panel offsets a solid block behind it; Halo draws a soft concentric disc. Both use the avatar color. One of
none, panel, halo.Shown on the Portrait and Profile cards and the List rows. The Overlay and Roster layouts stay bio-free by design.
Cross-fades to a member’s alternate photo on hover (set per member; does nothing for members without one, and stays off for visitors who prefer reduced motion).
The card treatment. Outline (the default) is a plaque frame — a framed-portrait look; Raised is a quiet lit card; Luxe a frosted glass panel; Ticket/Bracket/Inlay are the graphic showstoppers. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). Vary it per section so the page is not cookie-cutter. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.How the name, role and bio align inside each card (the Profile card and List rows are always left-aligned beside the avatar). One of
center, left.Optional — the lettered-avatar fallback background and the role color default. Leave empty to use the brand accent. (The icon row has its own colors on the Social links tab.)
Cap each bio at this many lines (the rest is truncated with an ellipsis) so one long bio can’t blow up the card height. The List layout always shows the full bio. One of
none, 2, 3, 4, 6.Off by default — turns each member’s email and phone (when set) into icon links. Only enable when you want those details public.
Hover to each platform’s own brand color, or to the site accent (or a chosen hover color). One of
brand, accent.Optional light-theme override. Falls back to the dark-theme color, then the muted default.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
TeamWidgetTeamFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show TeamWidgetTeamFontOverridesItem
Show TeamWidgetTeamFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
TeamWidgetTeamFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show TeamWidgetTeamFontOverridesItemUploadsItem
Show TeamWidgetTeamFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FaqWidget
Show FaqWidget
A
faq widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Show only questions you have flagged “Featured” in the FAQs manager — e.g. a short top-questions block on the home page, linking out to the full FAQ page.
The most questions to show, in the manager’s sort order. Raise it for a full FAQ page. 1 to 50.
Optional filter. Leave empty to show questions from every category. Manage the list under FAQ Categories. The related
faq-category documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document; a document the site can’t find is left out.By category renders a subheading per FAQ category, in the order picked in the category filter (or, with no filter, the FAQ Categories sort order); questions without a category are listed last. One of
none, category.Accordion: a single centered column of collapsing questions — the classic FAQ. Split: the header (and button) sit in a left column with the accordion beside them. Two columns: the accordion flows across two columns. Open panels: every answer visible in a card grid — no collapsing. One of
accordion, split, columns, panels.How many open panels sit per row (they stack on small screens). One of
1, 2, 3.One at a time closes the previous answer when a new one opens; Independent lets visitors hold several open. One of
single, multiple.Starts the section with the first answer expanded so the block never reads as an empty list of rows.
The disclosure marker on each question. Plus rotates into a close mark; Chevron flips. One of
plus, chevron.Adds this section’s questions to the page’s schema.org FAQPage markup so search engines can read them (all FAQ sections on a page share one FAQPage block). Costs nothing when on; turn off only to exclude these questions.
The question-row treatment. Plain (the default) is the classic divided list — hairlines between questions. Any other style turns each question into a card: Raised is a quiet lit card, Outline a framed row, Luxe frosted glass; Ticket/Bracket/Inlay are the graphic showstoppers. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a question row does on hover. None (the default) keeps the accordion calm — the open/close motion is the interaction. The card effects (Lift/Glow/…) suit the card styles; the cursor-tracked ones need site animations on. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Optional — colors the toggle icon and the open question’s highlight. Leave empty to use the brand accent.
Category heading weight. One of
normal, medium, semibold, bold, extrabold.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
FaqWidgetFaqFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FaqWidgetFaqFontOverridesItem
Show FaqWidgetFaqFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
FaqWidgetFaqFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FaqWidgetFaqFontOverridesItemUploadsItem
Show FaqWidgetFaqFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show ServiceMapWidget
Show ServiceMapWidget
A
service-map widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Optional short paragraph under the heading. The data source’s own description (service days etc.) shows in the result panel, not here.
Curated light/dark basemap pairs — each follows the visitor’s theme toggle. “Site palette” derives the basemap from this site’s own colors. One of
palette, classic, silver, retro.Optional. Leave empty for the standard hairline — set it to match a colored border on the zone cards.
Optional soft glow around the map frame — pairs with a glowing zone-card style. Leave empty for none.
On pages with this section, upgrades the business structured data from the compact site-wide form to the full detail: every public place name, every zip code, and area boundaries. Costs visitors nothing; turn off to keep this page at the compact site-wide form. (Requires structured data on in Site settings → SEO; demo map data is never published.)
The legend card overlaid on the map. The zone cards below the map always carry the same information for screen readers and when the map can’t load.
Optional. Leave empty for the standard hairline — set it to match the map frame or the zone cards.
The zone/pricing cards under the map. Turning this off hides them visually — they stay in the page for screen readers and no-JavaScript visitors (the map itself isn’t accessible).
The card surface. Raised is a quiet lit card; Luxe is a frosted glass panel; Outline is a double-rule plaque frame; Plain has no chrome; Poster frames the card with an accent keyline; Spine embeds a color rail along the top; Tint washes the card in the accent color. Showstoppers: Ticket punches notches into the sides, Bracket draws only corner marks, Forge is a machined plate with an engraved frame, Press is a punched index card with a margin rule, Inlay recesses the content into a well. One of
raised, luxe, outline, plain, poster, edge, tint, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
What a card does on hover. Lift/Pop/Press/Glow/Outline are instant CSS effects; Sheen sweeps a soft light across; Tilt, Magnetic and Spotlight follow the cursor (these need site animations on — visitors who prefer reduced motion see the resting card). Pick a different one per section so a page feels varied, not cookie-cutter. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Optional. Colors the zone names; supporting copy stays muted. Leave empty for the standard ink color.
The price and detail lines under each zone name — sized relative to the card text size. One of
small, normal, large, xlarge.Supporting text weight. One of
normal, medium, semibold, bold, extrabold.Optional label shown instead of “$0” wherever a zone has no fee (key, cards, results). Clear it to show the plain price — $0 doesn’t always mean included.
A list of
ServiceMapWidgetServiceMapZoneOverridesItem. Per-zone display overrides, matched by the zone name the data source provides. Rename a zone, replace its price text, or hide it entirely — the underlying data is never changed.Show ServiceMapWidgetServiceMapZoneOverridesItem
Show ServiceMapWidgetServiceMapZoneOverridesItem
Optional replacement for the price text (e.g. “Included”, “Call us”). Overrides the zero-price label too.
Positions the search box and button above the map. One of
left, center, right.Same radius scale as the buttons, so the box and button can match. One of
pill, rounded, slight, square.Google address autocomplete under the search box (needs the Places API enabled on the key — see the setup guide in Connections → Google Maps). ZIP-only typing never triggers suggestions when the data source is zip-based.
Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Looks up the locality for a searched ZIP code (one extra Geocoding API call per search) and shows it beside the searched value.
Popup title weight. One of
normal, medium, semibold, bold, extrabold.When the data carries a premium (distance-priced) service, include it in search results and the zone cards. Sources without their own premium block use the pricing set in Service area map → Areas and pricing.
Shown when a distance estimate isn’t possible (e.g. the Distance Matrix API isn’t enabled on the key).
Optional logo/pin image for the business marker. Leave empty for a simple accent-color pin. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Optional light-theme variant. Falls back to the dark-theme image. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Accessible name + hover title for the marker. Leave empty to use the business name from Site settings.
The business marker gently bobs in place. Automatically disabled for visitors who prefer reduced motion.
Adds the business location (named by its label in Service area map → Your location) as the FIRST entry of the map key and zone cards.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
ServiceMapWidgetServiceMapFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show ServiceMapWidgetServiceMapFontOverridesItem
Show ServiceMapWidgetServiceMapFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
ServiceMapWidgetServiceMapFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show ServiceMapWidgetServiceMapFontOverridesItemUploadsItem
Show ServiceMapWidgetServiceMapFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show BlogPreviewWidget
Show BlogPreviewWidget
A
blog-preview widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Aspect ratio of the featured image. Choose “Hidden” for text-only cards. One of
16/10, 4/3, 3/2, 1/1, none.Use the featured image as the full card background, with the title and meta overlaid on a dark scrim. Posts with no image fall back to a normal card.
The card surface. Raised is a quiet lit card; Luxe a frosted glass panel; Outline a plaque frame; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. (On image-led cards the photo covers the top edge.) One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt (3-D + glare), Magnetic and Spotlight follow the cursor (need site animations on). The Hover color below tints these. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.How the category badge uses its color (set per category under Blog Categories). Filled = colored background; Outline = colored border + text; Minimal = colored text only. One of
filled, outline, minimal.How many lines of the excerpt to show before truncating. One of
2, 3, 4, none.Auto puts it on the right of horizontal cards (list / compact / featured) and below the text on grid cards. Or force one placement everywhere. One of
auto, below, right.Optional. Overrides the “Read post” link color. Leave empty to use the site accent color.
Optional. Color of the “Read post” link when the card is hovered. Leave empty to use the accent color.
Optional light-theme override. Falls back to the dark-theme hover color, then the accent.
Optional light-theme override. Falls back to the dark-theme color, then the theme default.
Optional. Title color when the card is hovered. Leave empty to use the site accent color.
Optional light-theme override. Falls back to the dark-theme hover color, then the accent.
Optional light-theme override. Falls back to the dark-theme color, then the muted default.
Optional light-theme override. Falls back to the dark-theme color, then the faint default.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
BlogPreviewWidgetBlogFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show BlogPreviewWidgetBlogFontOverridesItem
Show BlogPreviewWidgetBlogFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
BlogPreviewWidgetBlogFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show BlogPreviewWidgetBlogFontOverridesItemUploadsItem
Show BlogPreviewWidgetBlogFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show CookieDeclarationWidget
Show CookieDeclarationWidget
A
cookie-declaration widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
cookie-declaration. One of cookie-declaration.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
A short block naming what this visitor has allowed, with a button that reopens the preferences panel. Withdrawal has to be as easy as consent, so leave this on unless the page offers another way.
Provider, type, duration and domain per entry. Off leaves the plain-language disclosures alone, which reads better but tells a technical reader less.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
CookieDeclarationWidgetCookieDeclFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show CookieDeclarationWidgetCookieDeclFontOverridesItem
Show CookieDeclarationWidgetCookieDeclFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
CookieDeclarationWidgetCookieDeclFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show CookieDeclarationWidgetCookieDeclFontOverridesItemUploadsItem
Show CookieDeclarationWidgetCookieDeclFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show RichTextWidget
Show RichTextWidget
A
@apostrophecms/rich-text widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
@apostrophecms/rich-text. One of @apostrophecms/rich-text.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
The text as HTML, e.g.
<h2>Our story</h2><p>It began with <strong>one</strong> idea.</p>. The site keeps the tags and styles this area’s editor offers (paragraphs, headings, bold, italic, links, lists…) and removes the rest.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show GoogleReviewsWidget
Show GoogleReviewsWidget
A
google-reviews widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
google-reviews. One of google-reviews.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Show only reviews you have flagged “Featured” in the Google Reviews manager — hand-curate exactly which appear.
Animated carousel: a continuous, auto-scrolling marquee of cards (great on a home page; needs site animations enabled — falls back to the grid when they are off). Grid: a tidy multi-row grid. Masonry: a staggered, Pinterest-style grid that hugs each review’s length. One of
carousel, grid, masonry.How many cards per row (grid) or columns (masonry). Auto fits as many as comfortably fit. One of
auto, 2, 3, 4.How fast the carousel auto-scrolls. The review carousel runs on its own (gentler) speed scale than the logos/footer marquees so two never scroll in lockstep. One of
vslow, slow, normal, fast.Show the reviewer’s Google avatar (falls back to a lettered initial when missing or anonymous).
A small Google attribution lockup under the section — recommended when showing Google reviews.
The card surface. Raised is a quiet lit card; Luxe is a frosted glass panel; Outline is a double-rule plaque frame; Plain has no chrome; Poster frames the card with an accent keyline; Spine embeds a color rail along the top; Tint washes the card in the accent color. Showstoppers: Ticket punches notches into the sides, Bracket draws only corner marks, Forge is a machined plate with an engraved frame, Press is a punched index card with a margin rule, Inlay recesses the content into a well. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). Vary it per section so the page is not cookie-cutter. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Sets the carousel card width and the minimum card width in the grid/masonry layouts. One of
narrow, normal, wide.Auto hugs the content; the taller presets give every card a consistent minimum height (grid + carousel). The masonry layout ignores this and staggers card heights itself. One of
auto, medium, tall.How the avatar, name, stars and text align inside each card. One of
left, center, right.Optional — background of the lettered fallback avatar. Leave empty to use the brand accent.
Cap each review at this many lines (the rest is truncated with an ellipsis) so one very long review can’t blow up the card height — important once real, lengthy reviews come in. Choose “Full text” to never truncate. Short reviews are unaffected. One of
none, 4, 6, 8, 12.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
GoogleReviewsWidgetReviewsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show GoogleReviewsWidgetReviewsFontOverridesItem
Show GoogleReviewsWidgetReviewsFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
GoogleReviewsWidgetReviewsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show GoogleReviewsWidgetReviewsFontOverridesItemUploadsItem
Show GoogleReviewsWidgetReviewsFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show TestimonialsWidget
Show TestimonialsWidget
A
testimonials widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
testimonials. One of testimonials.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Show only testimonials you have flagged “Featured” in the Testimonials manager — hand-curate exactly which appear.
Animated carousel: a continuous, auto-scrolling marquee of cards (great on a home page; needs site animations enabled — falls back to the grid when they are off). Grid: a tidy multi-row grid. Masonry: a staggered, Pinterest-style grid that hugs each quote’s length. One of
carousel, grid, masonry.How many cards per row (grid) or columns (masonry). Auto fits as many as comfortably fit. One of
auto, 2, 3, 4.Quote-led: a large quotation mark over the quote, with the author in a footer (the classic testimonial look). Accent bar: the quote beside a bold accent bar. Classic: the author on top (photo + name), then the quote — like a review card. One of
quote, bar, classic.Off by default — a testimonial usually leads with the quote. Turn on to show each testimonial’s star rating.
The text for a testimonial’s optional “Source link” (set per testimonial in the Testimonials manager). Shown only on testimonials that have a link.
The card treatment. Spine (the default) embeds a color rail along the top; Raised is a quiet lit card; Luxe a frosted glass panel; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). Vary it per section so the page is not cookie-cutter. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Sets the carousel card width and the minimum card width in the grid/masonry layouts. One of
narrow, normal, wide.Auto hugs the content; the taller presets give every card a consistent minimum height (grid + carousel). The masonry layout ignores this and staggers card heights itself. One of
auto, medium, tall.How the quote and author align inside each card. One of
left, center, right.Optional — leave empty to use a warm amber. Applies in both themes (only when ratings are shown).
Optional — the quotation mark, the accent bar, and the lettered-avatar background. Leave empty to use the brand accent.
Cap each quote at this many lines (the rest is truncated with an ellipsis) so one very long testimonial can’t blow up the card height. Choose “Full text” to never truncate. Short quotes are unaffected. One of
none, 4, 6, 8, 12.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
TestimonialsWidgetTestimonialsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show TestimonialsWidgetTestimonialsFontOverridesItem
Show TestimonialsWidgetTestimonialsFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
TestimonialsWidgetTestimonialsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show TestimonialsWidgetTestimonialsFontOverridesItemUploadsItem
Show TestimonialsWidgetTestimonialsFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show InstagramFeedWidget
Show InstagramFeedWidget
A
instagram-feed widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
instagram-feed. One of instagram-feed.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Show only posts you have flagged “Featured” in the Instagram Posts manager — hand-curate exactly which appear.
Filter this feed by media type. “Photos” keeps image and album posts; “Videos & reels” keeps only video posts. This is per-feed display only — it doesn’t change what gets synced. One of
all, photos, videos.Carousel: a continuous, auto-scrolling marquee strip (great on a home page; needs site animations enabled — falls back to the grid when they are off). Grid: a tidy multi-row grid. Masonry: a staggered grid that hugs each image’s shape. Mosaic Photo Wall: an edge-to-edge, gap-free photo wall where rows are scaled to a common height (like Flickr / Google Photos) — the richest option for photos. One of
carousel, grid, masonry, justified.How many tiles per row (grid) or columns (masonry). Auto fits as many as comfortably fit. (The Mosaic Photo Wall sets its own row layout.) One of
auto, 2, 3, 4, 5.The target height of each row in the Mosaic Photo Wall. Taller rows show fewer, bigger photos per row. One of
compact, normal, tall.For feeds where every photo is the same shape (e.g. all square): assign each tile a varied shape (cropped around its focal point, never cutting the subject) so the wall still reads as an organic mosaic. Leave off when your photos already vary.
How fast the carousel auto-scrolls. The feed runs on its own speed scale so two marquees on a page never scroll in lockstep. One of
vslow, slow, normal, fast.Crop each image to a consistent shape. “Original” keeps each image’s own ratio (best with the masonry layout). One of
square, portrait, landscape, original.Sets the carousel tile width and the minimum tile width in the grid/masonry layouts. One of
narrow, normal, wide.What a tile does on hover. Lift/Glow are best for image tiles; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). This is on top of the image zoom. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.A corner Instagram glyph on each tile — the one opt-in link out to the post (opens in a new tab). The tile itself opens the on-site lightbox.
A small heart + like count in the bottom corner of each tile. Off by default. (A post whose account hides like counts on Instagram shows nothing.)
Size of the corner glyph, the video/reel badge, and the play affordance on video tiles. All three options are larger than the old fixed size. One of
small, medium, large.Off by default (the classic image-only grid). When on, choose where the caption appears below.
Optional — color of the corner glyph + the hover wash. Leave empty to use the brand accent.
Optional — color of the like heart on the tiles and in the lightbox. Leave empty to use the brand coral.
Cap each caption at this many lines so a long caption can’t blow up the tile. One of
none, 1, 2, 3, 4.Show the post’s like count in the lightbox. (An account that hides like counts on Instagram reports none — then nothing shows.)
How comments appear in the lightbox. “Count only” shows just the total. “Full list” shows the actual comments — requires “Fetch post comments” in Connections → Instagram to be on so the comment text is synced. One of
none, count, list.Show each commenter’s Instagram handle next to their comment. Turn off for a cleaner, anonymous list of just the comment text.
The opt-in outbound link in the lightbox. Turn it off to keep visitors fully on your site (the corner glyph on each tile is a separate setting).
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
InstagramFeedWidgetInstagramFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show InstagramFeedWidgetInstagramFontOverridesItem
Show InstagramFeedWidgetInstagramFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
InstagramFeedWidgetInstagramFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show InstagramFeedWidgetInstagramFontOverridesItemUploadsItem
Show InstagramFeedWidgetInstagramFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show GalleryPreviewWidget
Show GalleryPreviewWidget
A
gallery-preview widget: its type and its own fields. A field left out takes its default.Required. The widget’s type: always
gallery-preview. One of gallery-preview.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Album: a curated set you pick and order by hand — best for a designed page. Folder: automatically shows every image filed in a media-library folder (newest first) — best for bulk collections you organize in the media manager. Feed: a set that refreshes itself on a schedule from an external photo store, so the gallery shows different photos over time. One of
album, folder, feed.The Photo Album to display. Create and fill albums in the Photo Albums manager. The related
photo-album documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.The media-library folder to display. Every image filed in it (and its subfolders, if enabled) is shown, newest first. The related
image-folder documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.The Photo Feed to display. This gallery stays pointed at the feed while the feed replaces its photos on its own schedule. Create and configure feeds in the Photo Feeds manager. The related
photo-feed documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Cap the teaser to this many photos. 0 shows everything in the selected source (folder photos are newest-first). 0 to 200.
Mosaic Photo Wall: an edge-to-edge wall where rows are scaled to a common height (like Flickr / Google Photos), cropped around each photo’s focal point — the richest option. Masonry: a staggered grid that hugs each photo’s shape. Grid: a tidy, uniform grid. Spotlight: every group of eight opens on an oversized lead photo, sides alternating on wide screens. Shaped Tiles: a portrait grid whose tiles cycle through slab, arch and orb shapes. Scrolling Banner: one edge-to-edge row that drifts sideways forever, so a long album reads as a ribbon of photos rather than a block — the option for a band between two sections rather than a gallery page. Panorama Wall: several rows, far wider than the screen, traveling sideways at slightly different speeds — and the visitor can push it along or against with a drag or a trackpad swipe. Vertical Ribbon: a band of columns running down the page instead of across it, neighboring columns traveling opposite ways, so the section reads as a moving curtain of photographs. One of
justified, masonry, grid, spotlight, shaped, banner, panorama, ribbon.How many tiles per row (grid, shaped tiles) or columns (masonry). Auto fits as many as comfortably fit. (The Mosaic Photo Wall sets its own row layout; Spotlight sets its own pattern.) One of
auto, 2, 3, 4, 5.The target height of each row in the Mosaic Photo Wall. Taller rows show fewer, bigger photos per row. One of
compact, normal, tall.How tall the moving row stands. Each photo keeps its own shape, so a taller banner shows wider photos and fewer of them at once. One of
short, normal, tall.How fast the row drifts. It also surges briefly with the page’s own scrolling, then settles back — so the band reacts to the visitor instead of ignoring them. One of
slow, normal, fast.Fades the row out at both ends so photos scroll in and out instead of being cut off by a hard edge.
How many rows of photos the wall is dealt across. Photos go into the rows in turn, so consecutive shots land in different rows rather than stacking up together. Deep walls want a big set — a row needs at least three photos of its own, so a small album quietly uses fewer, fuller rows than you pick here. One of
2, 3, 4, 5, 6, 7, 8.How tall each row stands, so the wall’s total depth is this times the number of rows — an eight-row Tall panorama fills a screen and then some. Each photo keeps its own shape, so taller rows show wider photos and fewer of them. One of
short, normal, tall.How fast the wall travels. Each row takes a slightly different share of this, so the rows shear gently against each other and the block reads as depth rather than as one sliding sheet. It also surges briefly with the page’s own scrolling, then settles back. One of
slow, normal, fast.Dragging the wall (or swiping sideways on a trackpad or phone) pushes it along or against its travel, and it glides back into its own pace when let go. Vertical scrolling always still scrolls the page. Needs site animations on in Site design → Motion.
Fades the rows out at both ends so photos travel in and out instead of being cut off by a hard edge.
How many columns of photos the band is dealt across. Photos go into the columns in turn, so consecutive shots land in different columns rather than stacking up together. Narrow screens show fewer columns than you pick here (two on a phone, three on a tablet) — because photos in a 50-pixel sliver are not photos. A column needs at least three photos of its own, so a small album quietly uses fewer, fuller columns. One of
2, 3, 4, 5, 6.How tall the band stands — the window the columns travel through, not the columns themselves, which are always far taller than it. Each photo keeps its own shape and fills its column’s width, so the columns show more photos at once the taller the band is. One of
short, normal, tall.How fast the columns travel. Each takes a slightly different share of this, so the band reads as a weave rather than as one sheet sliding. Slower than the sideways layouts at every setting on purpose: this moves along the same axis the visitor scrolls in, where the same speed feels far more urgent. It also surges briefly with the page’s own scrolling, then settles back. One of
slow, normal, fast.Which way the first column travels. With alternating columns on (below), its neighbors go the other way. One of
up, down.Send neighboring columns opposite ways, which is what makes the band read as a weave. Turn it off and the whole band travels one way together — quieter, and closer to a conventional scrolling wall.
Fades the columns out at the top and bottom so photos travel in and out instead of being cut off by a hard edge.
For albums where every photo is the same shape (e.g. all square): assign each tile a varied shape (cropped around its focal point, never cutting the subject) so the wall still reads as an organic mosaic. Leave off when your photos already vary.
The tile surface. Raised floats each photo on a soft shadow (default); Plain is a clean edge-to-edge wall; Luxe / Outline / Poster frame it; Ticket / Bracket / Forge / Press add graphic structure. The photo fills the tile, so fill-based looks (Tint, Inlay) read as their frame + elevation. On the Shaped Tiles layout the structural looks (Ticket / Bracket / Forge / Press) fall back to their plain surface — their rectangular marks can’t follow an arch or orb. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a tile does on hover, on top of the surface above. Glow (default) / Lift read best on photo tiles; Press collapses a Poster offset; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). This is on top of the image zoom. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Overlay each photo’s alt text on hover. Off by default (a clean photo wall). The caption always shows in the lightbox.
Clicking a photo opens it full-size in an on-site lightbox (with previous / next). Turn off for a purely decorative wall that doesn’t enlarge.
A very slow pan-and-zoom on every photo, each tile on its own rhythm, so the wall stays quietly alive instead of holding perfectly still. Off by default: a still gallery costs nothing to keep on screen, and this runs continuously for as long as the page is open. Turn it on if you also switch on “Rotate photos automatically” below — a photo changing on a wall that is otherwise frozen reads as a glitch. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of
off, subtle, bold.Sets every photo at its own depth: as the page scrolls, some slide with it and some against it, so the wall has layers instead of being one flat plane. It only moves while the visitor scrolls — nothing happens when the page is still. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of
off, subtle, bold.Every so often two photos trade places on the wall, gliding past each other into their new squares. Nothing resizes and nothing else on the wall moves — the grid’s squares are identical, so the photos simply swap seats. It holds still while a visitor’s pointer or keyboard is anywhere in the gallery, so nothing ever moves out from under a click. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of
off, calm, steady, lively.Two photos swap with each other; three or more pass their seats along in a ring, so more of the wall is moving at once. Higher numbers read as the wall dealing itself a new hand rather than as two photos changing places. 2 to 6.
Photos fade out a few at a time and are replaced from the rest of the source, so the gallery keeps changing while a visitor watches. Needs more photos in the source than are on screen — set “Maximum photos” above to less than the source holds. Set “Ambient drift” above to Subtle as well: a photo changing on a wall that is otherwise perfectly still reads as a glitch rather than as movement. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion.
Cross-fade: the next photo dissolves over the old one as it eases in — the quietest change. Fade through a color: the tile also dips towards a flat color while the photos dissolve, so it reads as “phasing out” without ever going blank. Slide in: the next photo travels in over the old one, which drifts the same way behind it. Zoom through: the next photo settles out of a slight enlargement. Soften through: the photo blurs out of focus and the next one comes back into it. Wipe across: a clean edge travels over the tile, leaving the next photo behind it. Turn over: the tile turns like a card and comes back showing the next photo — the boldest of the seven. One of
cross, veil, push, scale, blur, wipe, turn.Scattered spreads the changes over the whole wall, never twice in the same corner and never the same tile twice in a row. The other three move through the wall in a set direction, so the changes read as one gesture crossing the gallery rather than as separate events. One of
scatter, wave, columns, rows.Optional — leave empty to dip through the page background, which suits both themes. Set white for a brighter bloom, or the brand accent for a bolder pulse. The dip never reaches full strength, so the photo always shows through.
The gap between one group of changes and the next. The real timing is deliberately uneven around this figure so the wall never feels metronomic. One of
calm, steady, lively, rapid.How many tiles change per group. They never start on the same frame — each one follows the one before it by a beat, so a group reads as a ripple rather than a blink. 1 is the calmest; higher numbers keep more of the wall in motion. 1 to 6.
The length of one change, from the old photo to the new. Longer reads as a gentle phase; shorter as a snap — and short changes are the ones that read as choppy, so lean long. One of
quick, normal, slow, lingering.How many photos beyond the ones on screen to send to the browser for the rotation to draw from — the bigger this is, the longer the gallery goes before a visitor sees a repeat. Retired photos go back to the end of the queue, so it cycles the whole reserve and then starts over. Cheap to raise: a reserved photo is a few URLs, well under 100 bytes once the page is compressed, and its image file is only fetched when it is about to appear. 0 to 500.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
GalleryPreviewWidgetGalleryFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show GalleryPreviewWidgetGalleryFontOverridesItem
Show GalleryPreviewWidgetGalleryFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
GalleryPreviewWidgetGalleryFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show GalleryPreviewWidgetGalleryFontOverridesItemUploadsItem
Show GalleryPreviewWidgetGalleryFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show GalleryFullWidget
Show GalleryFullWidget
A
gallery-full widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Album: a curated set you pick and order by hand — best for a designed page. Folder: automatically shows every image filed in a media-library folder (newest first) — best for bulk collections you organize in the media manager. Feed: a set that refreshes itself on a schedule from an external photo store, so the gallery shows different photos over time. One of
album, folder, feed.The Photo Album to display. Create and fill albums in the Photo Albums manager. The related
photo-album documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.The media-library folder to display. Every image filed in it (and its subfolders, if enabled) is shown, newest first. The related
image-folder documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.The Photo Feed to display. This gallery stays pointed at the feed while the feed replaces its photos on its own schedule. Create and configure feeds in the Photo Feeds manager. The related
photo-feed documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.The most photos to show. 0 (default) shows everything in the selected source (folder photos are newest-first). 0 to 200.
Mosaic Photo Wall: an edge-to-edge wall where rows are scaled to a common height (like Flickr / Google Photos), cropped around each photo’s focal point — the richest option. Masonry: a staggered grid that hugs each photo’s shape. Grid: a tidy, uniform grid. Spotlight: every group of eight opens on an oversized lead photo, sides alternating on wide screens. Shaped Tiles: a portrait grid whose tiles cycle through slab, arch and orb shapes. Scrolling Banner: one edge-to-edge row that drifts sideways forever, so a long album reads as a ribbon of photos rather than a block — the option for a band between two sections rather than a gallery page. Panorama Wall: several rows, far wider than the screen, traveling sideways at slightly different speeds — and the visitor can push it along or against with a drag or a trackpad swipe. Vertical Ribbon: a band of columns running down the page instead of across it, neighboring columns traveling opposite ways, so the section reads as a moving curtain of photographs. One of
justified, masonry, grid, spotlight, shaped, banner, panorama, ribbon.How many tiles per row (grid, shaped tiles) or columns (masonry). Auto fits as many as comfortably fit. (The Mosaic Photo Wall sets its own row layout; Spotlight sets its own pattern.) One of
auto, 2, 3, 4, 5.The target height of each row in the Mosaic Photo Wall. Taller rows show fewer, bigger photos per row. One of
compact, normal, tall.How tall the moving row stands. Each photo keeps its own shape, so a taller banner shows wider photos and fewer of them at once. One of
short, normal, tall.How fast the row drifts. It also surges briefly with the page’s own scrolling, then settles back — so the band reacts to the visitor instead of ignoring them. One of
slow, normal, fast.Fades the row out at both ends so photos scroll in and out instead of being cut off by a hard edge.
How many rows of photos the wall is dealt across. Photos go into the rows in turn, so consecutive shots land in different rows rather than stacking up together. Deep walls want a big set — a row needs at least three photos of its own, so a small album quietly uses fewer, fuller rows than you pick here. One of
2, 3, 4, 5, 6, 7, 8.How tall each row stands, so the wall’s total depth is this times the number of rows — an eight-row Tall panorama fills a screen and then some. Each photo keeps its own shape, so taller rows show wider photos and fewer of them. One of
short, normal, tall.How fast the wall travels. Each row takes a slightly different share of this, so the rows shear gently against each other and the block reads as depth rather than as one sliding sheet. It also surges briefly with the page’s own scrolling, then settles back. One of
slow, normal, fast.Dragging the wall (or swiping sideways on a trackpad or phone) pushes it along or against its travel, and it glides back into its own pace when let go. Vertical scrolling always still scrolls the page. Needs site animations on in Site design → Motion.
Fades the rows out at both ends so photos travel in and out instead of being cut off by a hard edge.
How many columns of photos the band is dealt across. Photos go into the columns in turn, so consecutive shots land in different columns rather than stacking up together. Narrow screens show fewer columns than you pick here (two on a phone, three on a tablet) — because photos in a 50-pixel sliver are not photos. A column needs at least three photos of its own, so a small album quietly uses fewer, fuller columns. One of
2, 3, 4, 5, 6.How tall the band stands — the window the columns travel through, not the columns themselves, which are always far taller than it. Each photo keeps its own shape and fills its column’s width, so the columns show more photos at once the taller the band is. One of
short, normal, tall.How fast the columns travel. Each takes a slightly different share of this, so the band reads as a weave rather than as one sheet sliding. Slower than the sideways layouts at every setting on purpose: this moves along the same axis the visitor scrolls in, where the same speed feels far more urgent. It also surges briefly with the page’s own scrolling, then settles back. One of
slow, normal, fast.Which way the first column travels. With alternating columns on (below), its neighbors go the other way. One of
up, down.Send neighboring columns opposite ways, which is what makes the band read as a weave. Turn it off and the whole band travels one way together — quieter, and closer to a conventional scrolling wall.
Fades the columns out at the top and bottom so photos travel in and out instead of being cut off by a hard edge.
For albums where every photo is the same shape (e.g. all square): assign each tile a varied shape (cropped around its focal point, never cutting the subject) so the wall still reads as an organic mosaic. Leave off when your photos already vary.
The tile surface. Raised floats each photo on a soft shadow (default); Plain is a clean edge-to-edge wall; Luxe / Outline / Poster frame it; Ticket / Bracket / Forge / Press add graphic structure. The photo fills the tile, so fill-based looks (Tint, Inlay) read as their frame + elevation. On the Shaped Tiles layout the structural looks (Ticket / Bracket / Forge / Press) fall back to their plain surface — their rectangular marks can’t follow an arch or orb. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a tile does on hover, on top of the surface above. Glow (default) / Lift read best on photo tiles; Press collapses a Poster offset; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). This is on top of the image zoom. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.Overlay each photo’s alt text on hover. Off by default (a clean photo wall). The caption always shows in the lightbox.
Clicking a photo opens it full-size in an on-site lightbox (with previous / next). Turn off for a purely decorative wall that doesn’t enlarge.
A very slow pan-and-zoom on every photo, each tile on its own rhythm, so the wall stays quietly alive instead of holding perfectly still. Off by default: a still gallery costs nothing to keep on screen, and this runs continuously for as long as the page is open. Turn it on if you also switch on “Rotate photos automatically” below — a photo changing on a wall that is otherwise frozen reads as a glitch. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of
off, subtle, bold.Sets every photo at its own depth: as the page scrolls, some slide with it and some against it, so the wall has layers instead of being one flat plane. It only moves while the visitor scrolls — nothing happens when the page is still. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of
off, subtle, bold.Every so often two photos trade places on the wall, gliding past each other into their new squares. Nothing resizes and nothing else on the wall moves — the grid’s squares are identical, so the photos simply swap seats. It holds still while a visitor’s pointer or keyboard is anywhere in the gallery, so nothing ever moves out from under a click. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of
off, calm, steady, lively.Two photos swap with each other; three or more pass their seats along in a ring, so more of the wall is moving at once. Higher numbers read as the wall dealing itself a new hand rather than as two photos changing places. 2 to 6.
Photos fade out a few at a time and are replaced from the rest of the source, so the gallery keeps changing while a visitor watches. Needs more photos in the source than are on screen — set “Maximum photos” above to less than the source holds. Set “Ambient drift” above to Subtle as well: a photo changing on a wall that is otherwise perfectly still reads as a glitch rather than as movement. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion.
Cross-fade: the next photo dissolves over the old one as it eases in — the quietest change. Fade through a color: the tile also dips towards a flat color while the photos dissolve, so it reads as “phasing out” without ever going blank. Slide in: the next photo travels in over the old one, which drifts the same way behind it. Zoom through: the next photo settles out of a slight enlargement. Soften through: the photo blurs out of focus and the next one comes back into it. Wipe across: a clean edge travels over the tile, leaving the next photo behind it. Turn over: the tile turns like a card and comes back showing the next photo — the boldest of the seven. One of
cross, veil, push, scale, blur, wipe, turn.Scattered spreads the changes over the whole wall, never twice in the same corner and never the same tile twice in a row. The other three move through the wall in a set direction, so the changes read as one gesture crossing the gallery rather than as separate events. One of
scatter, wave, columns, rows.Optional — leave empty to dip through the page background, which suits both themes. Set white for a brighter bloom, or the brand accent for a bolder pulse. The dip never reaches full strength, so the photo always shows through.
The gap between one group of changes and the next. The real timing is deliberately uneven around this figure so the wall never feels metronomic. One of
calm, steady, lively, rapid.How many tiles change per group. They never start on the same frame — each one follows the one before it by a beat, so a group reads as a ripple rather than a blink. 1 is the calmest; higher numbers keep more of the wall in motion. 1 to 6.
The length of one change, from the old photo to the new. Longer reads as a gentle phase; shorter as a snap — and short changes are the ones that read as choppy, so lean long. One of
quick, normal, slow, lingering.How many photos beyond the ones on screen to send to the browser for the rotation to draw from — the bigger this is, the longer the gallery goes before a visitor sees a repeat. Retired photos go back to the end of the queue, so it cycles the whole reserve and then starts over. Cheap to raise: a reserved photo is a few URLs, well under 100 bytes once the page is compressed, and its image file is only fetched when it is about to appear. 0 to 500.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
GalleryFullWidgetGalleryFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show GalleryFullWidgetGalleryFontOverridesItem
Show GalleryFullWidgetGalleryFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
GalleryFullWidgetGalleryFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show GalleryFullWidgetGalleryFontOverridesItemUploadsItem
Show GalleryFullWidgetGalleryFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show PricingWidget
Show PricingWidget
A
pricing widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Auto fits as many as comfortably fit and works for any number of cards. Or lock a maximum per row. One of
auto, 2, 3, 4.The base treatment for every tier (a highlighted tier always gets its own bold framed look). Raised is a quiet lit card; Luxe a frosted glass panel; Outline a plaque frame; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.Stretch every card to the tallest one and pin each button to the bottom, so the cards line up even with uneven feature lists.
How a card reacts to the pointer. Rise floats it up on an accent underglow; Selection ring previews the highlighted look + tints the price; Spotlight washes accent light over the price; Checklist lights up the ✓ marks one-by-one; Tilt is a 3-D parallax that only runs when site animations are on. One of
none, rise, ring, spotlight, checklist, tilt.Border / glow / spotlight / checkmark color on hover. Leave empty to use the highlight accent (then the site accent).
How the cards animate in as they scroll into view. Featured-led makes the highlighted tier settle last with a little emphasis (draws the eye to the recommended plan); Simple stagger fades them in evenly. Only plays when site animations are on (Site design → Motion) — otherwise the cards are simply shown. One of
featured, stagger, none.Size of each card’s name / title. One of
small, normal, large, xlarge, xxlarge.Size of the price amount (the period and price note scale with it). One of
small, normal, large, xlarge, xxlarge.Size of each card’s description blurb. One of
small, normal, large, xlarge, xxlarge.Size of the feature list text (notes and check marks scale with it). One of
small, normal, large, xlarge, xxlarge.Ribbon text shown on a highlighted tier that doesn’t set its own badge. Each tier can override it (or badge a non-highlighted tier) below. Leave empty for no automatic badge.
Color for the highlighted tier’s border + ring and each tier’s badge. Leave empty to use the site accent color.
A list of
PricingWidgetPricingTiersItem. Each card is one tier / package / service. Toggle “Highlight” on the one you want to stand out.Show PricingWidgetPricingTiersItem
Show PricingWidgetPricingTiersItem
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Icon animation. One of
none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin.Relative to the component’s base icon size. One of
default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x.Breathing room below the icon, before the card name. One of
none, small, normal, large, xlarge.A small ribbon on the card, e.g. “Best value”, “Limited spots”. Overrides the default highlight badge for this tier; works on any tier, highlighted or not. Empty on a highlighted tier falls back to the section’s “Default highlight badge”.
How this card’s text lines up. Normal = the section default (a centered section keeps the feature list left-aligned, as now). Center also centers the feature list; Left / Right align everything that way. One of
normal, left, center, right.Shown after the price, e.g. ”/ month”, “per night”, “per session”. Leave empty for a flat price.
A list of
PricingWidgetPricingTiersItemFeaturesItem. The bullet list of what’s included.Show PricingWidgetPricingTiersItemFeaturesItem
Show PricingWidgetPricingTiersItemFeaturesItem
This card’s button text. Leave empty to use the shared button label (set in the Pricing · Buttons tab); clear it everywhere to hide the button.
Where the button goes — a path (/contact-us) or full URL. Leave empty to inherit the shared button link.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
PricingWidgetPricingFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show PricingWidgetPricingFontOverridesItem
Show PricingWidgetPricingFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
PricingWidgetPricingFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PricingWidgetPricingFontOverridesItemUploadsItem
Show PricingWidgetPricingFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show NewsletterWidget
Show NewsletterWidget
A
newsletter widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
The Form (Forms manager) that receives these submissions and routes them — configure its destinations on the form’s Actions tab. Create one if you have not yet. The related
@apostrophecms/form documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Plain sits on the page; Raised is a contained card; Accent is a solid brand-color band. One of
plain, raised, accent.Inline puts the field + button on one row (stacks on small screens); Stacked always stacks them. One of
inline, stacked.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
NewsletterWidgetNewsletterFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show NewsletterWidgetNewsletterFontOverridesItem
Show NewsletterWidgetNewsletterFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
NewsletterWidgetNewsletterFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show NewsletterWidgetNewsletterFontOverridesItemUploadsItem
Show NewsletterWidgetNewsletterFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show SmsSignupWidget
Show SmsSignupWidget
A
sms-signup widget: its type and its own fields. A field left out takes its default.Required. Shown beside a required checkbox; the form shows only once this is filled in. Be specific about what they are agreeing to. The brand name is added automatically from Site settings.
The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
The Form (Forms manager) that receives these SMS opt-ins and routes them — configure its destinations on the form’s Actions tab. The related
@apostrophecms/form documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Plain sits on the page; Raised is a contained card; Accent is a solid brand-color band. One of
plain, raised, accent.Inline puts the field + button on one row (stacks on small screens); Stacked always stacks them. One of
inline, stacked.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
SmsSignupWidgetSmsSignupFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show SmsSignupWidgetSmsSignupFontOverridesItem
Show SmsSignupWidgetSmsSignupFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
SmsSignupWidgetSmsSignupFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show SmsSignupWidgetSmsSignupFontOverridesItemUploadsItem
Show SmsSignupWidgetSmsSignupFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FormRenderWidget
Show FormRenderWidget
A
form-render widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
The form to show here. Build and edit the form itself in the Forms manager (create one there first if needed). The related
@apostrophecms/form documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Off: the form renders with the styling saved on the form itself. On: the styling below replaces it here only — the form’s fields and other placements are unaffected.
A list of
FormRenderWidgetFormFontOverridesItem. Optional. Set part of this form in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FormRenderWidgetFormFontOverridesItem
Show FormRenderWidgetFormFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
FormRenderWidgetFormFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FormRenderWidgetFormFontOverridesItemUploadsItem
Show FormRenderWidgetFormFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Plain sits on the page; Raised is a contained card; Accent is a solid brand-color band. One of
plain, raised, accent.Alignment of the section header (the form fields stay left-aligned for legibility). One of
center, left.Vertical space between each field’s label and its input. One of
compact, normal, roomy, spacious.The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FinalCtaWidget
Show FinalCtaWidget
A
final-cta widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.
Optional light-theme override. Falls back to the dark-theme color, then the mint default.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Icon animation. One of
none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin.Relative to the component’s base icon size. One of
default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x.Optional. Overrides the headline color. Leave empty for the on-accent (legible-on-band) default.
Optional light-theme override. Falls back to the dark-theme color, then the on-accent default.
Optional. Overrides the supporting-copy color. Leave empty for the softened on-accent default.
Optional light-theme override. Falls back to the dark-theme color, then the softened on-accent default.
Solid keeps the loud color block; Image places a photo behind the text with a readability overlay. One of
solid, image.The solid band color (and the fallback behind a background image). Leave empty to use the site accent color.
An
ImageArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.A list of
FinalCtaWidgetCtaFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FinalCtaWidgetCtaFontOverridesItem
Show FinalCtaWidgetCtaFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
FinalCtaWidgetCtaFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FinalCtaWidgetCtaFontOverridesItemUploadsItem
Show FinalCtaWidgetCtaFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of
solid, outline, soft, link.Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.
Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)
The text/icon color. Clear it to derive from the button color (readable on solid fills).
The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of
none, single, dual, glow, sweep, thicken.Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.
Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.
Icon family. One of
classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Which side of the label the icon sits on (when an icon name is set). One of
before, after.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Optional. Leave it out and the site uses
"sparkles". Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Optional. Leave it out and the site uses
"classic-regular". Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional — leave empty to use the design’s own color rhythm.Optional. Leave it out and the site uses
"none". Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin.Optional. Leave it out and the site uses
"5x". Relative to the component’s base icon size. One of default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x.Optional. Leave it out and the site uses
"". Optional. Shown under the icon while this page has no content. Leave empty for a tasteful default line.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional. Color of the ”← back” link at the top of every post. Leave empty to use the site accent color.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme color, then the accent.Optional. Leave it out and the site uses
"semibold". Back link weight. One of normal, medium, semibold, bold, extrabold.Optional. Leave it out and the site uses
"normal". Back link size. One of small, normal, large, xlarge.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with page-header.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with blog-list.Show BlogListArea
Show BlogListArea
A list of
BlogListWidget. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them). At most 1 items.Show BlogListWidget
Show BlogListWidget
A
blog-list widget: its type and its own fields. A field left out takes its default.The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.
How posts animate in as they scroll into view. Only plays when site animations are on (Site design → Motion) — otherwise the posts are simply shown. In the Featured + grid layout the banner rises first, then the grid staggers in. One of
stagger, none.Aspect ratio of the featured image. Choose “Hidden” for text-only cards. One of
16/10, 4/3, 3/2, 1/1, none.Use the featured image as the full card background, with the title and meta overlaid on a dark scrim. Posts with no image fall back to a normal card.
The card surface. Raised is a quiet lit card; Luxe a frosted glass panel; Outline a plaque frame; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. (On image-led cards the photo covers the top edge.) One of
raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay.Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of
default, square, slight, rounded, large.Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.
Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of
corner, frame.Thickness of the Forge corner mark / colored frame. One of
fine, medium, bold.What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt (3-D + glare), Magnetic and Spotlight follow the cursor (need site animations on). The Hover color below tints these. One of
none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight.How the category badge uses its color (set per category under Blog Categories). Filled = colored background; Outline = colored border + text; Minimal = colored text only. One of
filled, outline, minimal.How many lines of the excerpt to show before truncating. One of
2, 3, 4, none.Auto puts it on the right of horizontal cards (list / compact / featured) and below the text on grid cards. Or force one placement everywhere. One of
auto, below, right.Optional. Overrides the “Read post” link color. Leave empty to use the site accent color.
Optional. Color of the “Read post” link when the card is hovered. Leave empty to use the accent color.
Optional light-theme override. Falls back to the dark-theme hover color, then the accent.
Optional light-theme override. Falls back to the dark-theme color, then the theme default.
Optional. Title color when the card is hovered. Leave empty to use the site accent color.
Optional light-theme override. Falls back to the dark-theme hover color, then the accent.
Optional light-theme override. Falls back to the dark-theme color, then the muted default.
Optional light-theme override. Falls back to the dark-theme color, then the faint default.
The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of
transparent, surface, raised, sunken, hill, accent-soft, custom.“Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of
inherit, transparent, surface, raised, sunken, hill, accent-soft, custom.A list of
BlogListWidgetBlogFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show BlogListWidgetBlogFontOverridesItem
Show BlogListWidgetBlogFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
BlogListWidgetBlogFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show BlogListWidgetBlogFontOverridesItemUploadsItem
Show BlogListWidgetBlogFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.A
CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Optional. Leave it out and the site uses
"Back to all posts". The visible button text. Leave empty to hide the button.Optional. Leave it out and the site uses
"outline". Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link.Optional. Leave it out and the site uses
"normal". Button size. One of small, normal, large.Optional. Leave it out and the site uses
"slight". Corner radius. One of pill, rounded, slight, square.Optional. Leave it out and the site uses
"--fetchski-accent". Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Optional. Leave it out and the site uses
"--fetchski-ink". The text/icon color. Clear it to derive from the button color (readable on solid fills).Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme label color.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme hover color.Optional. Leave it out and the site uses
"sweep". The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme shadow color.Optional. Leave it out and the site uses
"lift-scale". Hover motion. One of lift, scale, lift-scale, none.Optional. Leave it out and the site uses
"arrow-left". Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Optional. Leave it out and the site uses
"classic-regular". Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard.Optional. Leave it out and the site uses
"before". Which side of the label the icon sits on (when an icon name is set). One of before, after.Optional. Leave it out and the site uses
false. The icon slides toward its side on hover (e.g. an arrow edges outward).Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional. Set part of every post in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). An individual post can replace this on its own Fonts tab. At most 4 items.Show PagePostFontOverridesItem
Show PagePostFontOverridesItem
Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of
all, heading, body, eyebrow, button, code.Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of
slot, curated, cdn, upload.Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of
display, body, accent.Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of
archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak.Where to browse for the family. Pick one, then follow the link below to find the exact name. One of
bunny, fontshare.Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.
Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.
A list of
PagePostFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PagePostFontOverridesItemUploadsItem
Show PagePostFontOverridesItemUploadsItem
Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of
sans, serif, mono.Optional. Leave it out and the site uses
"normal". Body text size. One of small, normal, large, xlarge.Optional. Leave it out and the site uses
"normal". Body text weight. One of normal, medium, semibold.Optional. Leave it out and the site uses
"normal". Reading measure — how wide the article column gets. Posts that contain section widgets open to Full width automatically so the widgets have room. One of narrow, normal, wide, xwide, full.Optional. Leave it out and the site uses
"normal". Line height. One of tight, normal, relaxed.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Links, the blockquote rule, and heading accents. Leave empty to use the site link color.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme color, then the link color.Optional. Leave it out and the site uses
"bold". Heading weight. One of normal, medium, semibold, bold, extrabold.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional. Overrides in-article heading color. Leave empty to track the theme’s text color.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Optional. Leave it out (or pass
null) and it isn’t sent: the site’s default applies. CSS for every blog post’s page: the title band, the article and its parts. It wins over Site design → Custom CSS → Blog post.Returns
Returns
A
Page. A page: the fields every page has, and each page type’s own (type says which page type it is; a field belongs only to the page types that define it). Read its properties (page.id): each says whether the site always sends it. The example answer is the site’s wire JSON: some keys differ from the property names (_id → id, _ancestors → ancestors, _children → children …).Always sent. Unique document identifier, may include mode and locale (e.g., “id:en:published”)
Always sent. Page visibility setting. One of
public, loginRequired, private; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Document mode (draft or published) One of draft, published; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether the page is archived.Sometimes sent:
undefined when the site leaves it out, and it can be null. Page creation timestamp. Format: an ISO 8601 date and time.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sortable version of the page title.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sort order within parent page.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether page is orphaned (not in tree structure)Sometimes sent:
undefined when the site leaves it out, and it can be null. Array of parking lot configurations if page is parked.Sometimes sent:
undefined when the site leaves it out. A MainArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show MainArea
Show MainArea
Sometimes sent:
undefined when the site leaves it out. Always area. One of area; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The area’s id, set by the site: leave it out when you write one.Sometimes sent:
undefined when the site leaves it out. A list of MainAreaItem. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them).Show MainAreaItem
Show MainAreaItem
A widget in an area that takes
@apostrophecms/rich-text, @apostrophecms/image, @apostrophecms/video: the one its type names.Show RichTextWidget
Show RichTextWidget
A
@apostrophecms/rich-text widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
@apostrophecms/rich-text. One of @apostrophecms/rich-text; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The text as HTML, e.g. <h2>Our story</h2><p>It began with <strong>one</strong> idea.</p>. The site keeps the tags and styles this area’s editor offers (paragraphs, headings, bold, italic, links, lists…) and removes the rest.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot.Show CustomCSS
Show CustomCSS
Sometimes sent:
undefined when the site leaves it out. The CSS typed into each part slot, by slot name.Sometimes sent:
undefined when the site leaves it out. The compiled CSS (read only: rebuilt from slots).Show ImageWidget
Show ImageWidget
A
@apostrophecms/image widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
@apostrophecms/image. One of @apostrophecms/image; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out, and it can be null. Link To… One of none, @apostrophecms/any-page-type, _url; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The related @apostrophecms/any-page-type documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out, and it can be null. apostrophe:linkHrefHelp When set, a URL; empty or null when not.Sometimes sent:
undefined when the site leaves it out. If empty, the title of the related document will be used.Sometimes sent:
undefined when the site leaves it out, and it can be null. Link Target. Each one of _blank.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show VideoWidget
Show VideoWidget
A
@apostrophecms/video widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
@apostrophecms/video. One of @apostrophecms/video; a newer site may send others, so keep a fallback.Always sent. Enter the URL for a media source you wish to embed (e.g., YouTube, Vimeo, or other hosted video URL).
Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of Page. The page’s ancestors, from the home page down (each without its own _ancestors and _children).Show Page
Show Page
A page: the fields every page has, and each page type’s own (
type says which page type it is; a field belongs only to the page types that define it).Always sent. Unique document identifier, may include mode and locale (e.g., “id:en:published”)
Always sent. Page visibility setting. One of
public, loginRequired, private; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Document mode (draft or published) One of draft, published; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether the page is archived.Sometimes sent:
undefined when the site leaves it out, and it can be null. Page creation timestamp. Format: an ISO 8601 date and time.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sortable version of the page title.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sort order within parent page.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether page is orphaned (not in tree structure)Sometimes sent:
undefined when the site leaves it out, and it can be null. Array of parking lot configurations if page is parked.Sometimes sent:
undefined when the site leaves it out. A MainArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first MainArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of Page. The page’s ancestors, from the home page down (each without its own _ancestors and _children). Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of Page. Its child pages, each with its own _children where the request asked for more levels. Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Full URL to the page. Format: an absolute URL.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether current user can edit this page.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether current user can publish this page.Sometimes sent:
undefined when the site leaves it out, and it can be null. The _id of the piece/page that was copied to create this document (only present if created via _copyingId)Sometimes sent:
undefined when the site leaves it out. A Page. A page: the fields every page has, and each page type’s own (type says which page type it is; a field belongs only to the page types that define it). Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out. A Page. A page: the fields every page has, and each page type’s own (type says which page type it is; a field belongs only to the page types that define it). Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out, and it can be null. The draft’s preview share key, while its share link is on: the link is the draft’s _url with aposShareKey and aposShareId (the draft’s _id) in its query. Absent otherwise, and on published documents.Sometimes sent:
undefined when the site leaves it out, and it can be null. An ISO 8601 date and time, e.g. 2026-10-21T14:30:00.000Z.Sometimes sent:
undefined when the site leaves it out, and it can be null. An ISO 8601 date and time, e.g. 2026-10-21T14:30:00.000Z.Sometimes sent:
undefined when the site leaves it out, and it can be null. Overrides the document title in the browser tab and search results. Leave blank to use the regular title.Sometimes sent:
undefined when the site leaves it out, and it can be null. Shown in search results and link previews. Aim for 150–160 characters.Sometimes sent:
undefined when the site leaves it out. An ImageArea. Used for Open Graph / social link previews. Recommended 1200×630. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show ImageArea
Show ImageArea
Widgets, top to bottom: send
{ "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Sometimes sent:
undefined when the site leaves it out. Always area. One of area; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The area’s id, set by the site: leave it out when you write one.Sometimes sent:
undefined when the site leaves it out. A list of ImageWidget. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them). At most 1 items. Its fields are listed under the first ImageWidget above.Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of PagePageFontOverridesItem. Optional. Set part of this page in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). Individual sections can still override this for themselves. At most 4 items.Show PagePageFontOverridesItem
Show PagePageFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of PagePageFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PagePageFontOverridesItemUploadsItem
Show PagePageFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The ribbon of phrases scrolling across the top of the footer. Its phrases and the site-wide default are set in Site design → Footer: Marquee. One of inherit, on, off; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A SectionsArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with page-header.Show SectionsArea
Show SectionsArea
Sometimes sent:
undefined when the site leaves it out. Always area. One of area; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The area’s id, set by the site: leave it out when you write one.Sometimes sent:
undefined when the site leaves it out. A list of SectionsAreaItem. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them).Show SectionsAreaItem
Show SectionsAreaItem
A widget in an area that takes
page-header, hero, @apostrophecms/layout, intro, feature, stats, logos, steps, media-text, device-mock, team, faq, service-map, blog-preview, cookie-declaration, @apostrophecms/rich-text, google-reviews, testimonials, instagram-feed, gallery-preview, gallery-full, pricing, newsletter, sms-signup, form-render, final-cta: the one its type names.Show PageHeaderWidget
Show PageHeaderWidget
A
page-header widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
page-header. One of page-header; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show the page title (the usual case). Set it only when the visible heading should read differently from the page’s title in navigation, search results and breadcrumbs.Sometimes sent:
undefined when the site leaves it out, and it can be null. The small label above the title. One of business, custom, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional intro shown under the page title.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Lead weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Lead size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. An ImageArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scrim behind the text over a background image (only applies when one is set). Leave empty to use the dark surface color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme overlay, then the light surface color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Overlay opacity (%). 0 to 100.Sometimes sent:
undefined when the site leaves it out. A list of PageHeaderWidgetPageHeaderFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show PageHeaderWidgetPageHeaderFontOverridesItem
Show PageHeaderWidgetPageHeaderFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of PageHeaderWidgetPageHeaderFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PageHeaderWidgetPageHeaderFontOverridesItemUploadsItem
Show PageHeaderWidgetPageHeaderFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show HeroWidget
Show HeroWidget
A
hero widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
hero. One of hero; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Content alignment. One of left, center; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Full fills the screen (home pages); Compact is a short banner for interior pages. One of full, tall, compact; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Giant outlined word above the headline (same treatment as the footer wordmark). Reveals on hover.Sometimes sent:
undefined when the site leaves it out. Keep it short — one word reads best at display size. Leave empty to use the business name.Sometimes sent:
undefined when the site leaves it out, and it can be null. Ghost wordmark size. One of display, large, medium; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Outlined letters that fill on hover one at a time, all at once, or always-solid (no ghost effect). One of letter, word, solid; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the wordmark fill + outline tint in the dark theme. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override — handy over a fixed video/photo background that doesn’t switch with the theme. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out. A small line (optional icon + business name) above the headline. Off by default when the ghost wordmark carries the brand.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow placement. One of top, belowHeadline, aboveCta; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid is the standard headline. The outline options give the headline the same ghost treatment as the wordmark, filling on hover. (The accent sticker word stays solid.) One of solid, letter, word; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the headline color in the dark theme. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override — handy over a fixed video/photo background. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out. Wraps the final headline word in the solid accent “sticker”. Turn off for a plain headline.Sometimes sent:
undefined when the site leaves it out, and it can be null. Dual layers a colored offset shadow behind the patch; single is one flat color. One of dual, single; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Patch background. Leave empty to use the site primary/accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Offset-shadow layer. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out. Hovering either the wordmark or the headline fills both at once. Only available when both are set to fill the whole word/headline on hover.Sometimes sent:
undefined when the site leaves it out. A bold social hashtag (e.g. #behindthescenes) with its own placement, fill, and optional pill background.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hashtag placement. One of aboveGhost, aboveHeadline, belowHeadline, aboveCta; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Smaller than the headline, but still a prominent element. One of large, medium, small; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid color, or the same outlined “ghost” treatment as the headline that fills on hover. (Ignored when the Solid pill background is used.) One of solid, letter, word; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional text color (or outline tint). Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override — handy over a fixed video/photo background. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. An optional patch behind the hashtag — a softer take on the headline sticker. One of none, solid, outline; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Rounded pill or a squared patch like the headline sticker. One of pill, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Patch fill (solid) or border + text (outline). Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. A slight rotation, like the headline sticker. Works with or without a background. One of none, left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the intro text color. Leave empty for the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override — handy over a fixed video/photo background. Falls back to the dark-theme color, then the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to place an optional Font Awesome icon. One of none, lockup, aboveHeadline, aboveGhost; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Background type. One of gradient, image, video; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. An ImageArea. Used when background type is Image, and as the poster/fallback for Video. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Sometimes sent:
undefined when the site leaves it out. Pick from the Videos library (⌘K → Videos). Short, muted loop; reduced-motion visitors get the fallback image instead. The related video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Adds a small, unobtrusive pause/play control so visitors can stop the auto-playing background motion (WCAG 2.2.2). Only appears when a moving background is set.Sometimes sent:
undefined when the site leaves it out. A list of HeroWidgetHeroFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show HeroWidgetHeroFontOverridesItem
Show HeroWidgetHeroFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of HeroWidgetHeroFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show HeroWidgetHeroFontOverridesItemUploadsItem
Show HeroWidgetHeroFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show LayoutWidget
Show LayoutWidget
A
@apostrophecms/layout widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
@apostrophecms/layout. One of @apostrophecms/layout; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A LayoutColumnArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area.Show LayoutColumnArea
Show LayoutColumnArea
Sometimes sent:
undefined when the site leaves it out. Always area. One of area; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The area’s id, set by the site: leave it out when you write one.Sometimes sent:
undefined when the site leaves it out. A list of LayoutColumnWidget. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them).Show LayoutColumnWidget
Show LayoutColumnWidget
A
@apostrophecms/layout-column widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
@apostrophecms/layout-column. One of @apostrophecms/layout-column; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A LayoutColumnContentArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first LayoutColumnContentArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Horizontal alignment. One of stretch, start, end, center; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vertical alignment. One of stretch, start, end, center; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show IntroWidget
Show IntroWidget
A
intro widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
intro. One of intro; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the headline color. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Headline weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the body text color. Leave empty for the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body weight. One of normal, medium, semibold, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the optional photo sits. Left/right place it beside the text; Full background fills the whole section behind the text (with a readability overlay). One of none, left, right, background; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. An ImageArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Photo corners. One of rounded, squared; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Border draws a frame around the photo; Offset adds a refined offset accent frame behind it. One of none, border, offset; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Border / offset-frame color. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. A slight rotation for a more playful look. One of none, left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Photo hover effect. One of none, lift, zoom, tilt, glow, lift-glow, zoom-glow; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scrim behind the text over a full-background photo. Leave empty to use the dark surface color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme overlay, then the light surface color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Overlay opacity (%). 0 to 100.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of IntroWidgetIntroFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show IntroWidgetIntroFontOverridesItem
Show IntroWidgetIntroFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of IntroWidgetIntroFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show IntroWidgetIntroFontOverridesItemUploadsItem
Show IntroWidgetIntroFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FeatureWidget
Show FeatureWidget
A
feature widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
feature. One of feature; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto fits as many as comfortably fit and works for any number of cards. Or lock a maximum per row. One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between cards. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scales padding, icon, title, and the index numeral together. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The card treatment. Poster (the default) frames the card with an accent keyline; Raised is a quiet lit card; Luxe a frosted glass panel; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How a card reacts on hover. Pop is the lift + hard offset shadow; Glow is a soft accent halo. One of none, lift, pop, glow, border; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Border / shadow / glow color on hover. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out. A big outlined numeral on each card (01, 02, …). Great for step-by-step sequences; turn off when the cards aren’t ordered.Sometimes sent:
undefined when the site leaves it out, and it can be null. Same treatment as the hero ghost text: all numbers solid, outlined and filling on hover, or always outlined. One of solid, hover, outline; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Tints the numeral fill + outline. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the card title color. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the card text color. Leave empty for the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Text weight. One of normal, medium, semibold, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A list of FeatureWidgetFeatureCardsItem. Feature cards.Show FeatureWidgetFeatureCardsItem
Show FeatureWidgetFeatureCardsItem
Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Relative to the component’s base icon size. One of default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of FeatureWidgetFeatureFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FeatureWidgetFeatureFontOverridesItem
Show FeatureWidgetFeatureFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of FeatureWidgetFeatureFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FeatureWidgetFeatureFontOverridesItemUploadsItem
Show FeatureWidgetFeatureFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show StatsWidget
Show StatsWidget
A
stats widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
stats. One of stats; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small label above the heading (e.g. “By the numbers”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the numbers.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto fits as many as comfortably fit and works for any number of stats. Or lock a maximum per row. One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between stats. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The baseline scale for the whole stat (value / icon / label / description stay proportional). Fine-tune any single element with its own size control below. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A hairline rule between each stat — the classic “by the numbers” rail.Sometimes sent:
undefined when the site leaves it out. Numbers tick up from zero when the band scrolls into view. Non-numeric values and reduced-motion visitors simply show the final value.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size of the icon above each number, independent of the overall stat size. One of auto, sm, md, lg, xl, xxl; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Space between the icon and the number below it. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Value size. One of auto, xs, sm, md, lg, xl; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Value weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The big numeral. Optional — leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Label size. One of auto, xs, sm, md, lg, xl; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Label weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Description size. One of auto, xs, sm, md, lg, xl; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Description weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. A list of StatsWidgetStatsItem. Stats.Show StatsWidgetStatsItem
Show StatsWidgetStatsItem
Always sent. The number, e.g. 500, 4.9, 12 — symbols go in the prefix/suffix so the count-up animates the number alone.
Sometimes sent:
undefined when the site leaves it out. Optional Font Awesome icon shown above the number (e.g. star, bolt, chart-line). Leave empty for no icon.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out. Optional, shown before the number (e.g. $, ~, >). Kept out of the count-up.Sometimes sent:
undefined when the site leaves it out. Optional, shown after the number (e.g. +, %, k, yrs, ★).Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of StatsWidgetStatsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show StatsWidgetStatsFontOverridesItem
Show StatsWidgetStatsFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of StatsWidgetStatsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show StatsWidgetStatsFontOverridesItemUploadsItem
Show StatsWidgetStatsFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show LogosWidget
Show LogosWidget
A
logos widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
logos. One of logos; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small label above the heading (e.g. “Trusted by”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the logos.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A slow scrolling ribbon (marquee) or a calm static grid. One of marquee, grid; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Marquee speed. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Marquee direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Adds a small, unobtrusive pause/play control so visitors can stop the auto-playing background motion (WCAG 2.2.2). Only appears when a moving background is set.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto fits as many as comfortably fit and works for any number of logos. Or lock a maximum per row. One of auto, 3, 4, 5, 6; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between logos. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The height each logo is scaled to (width follows the logo’s aspect ratio). One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Aligns the eyebrow / heading / intro (and the grid when there are few logos). One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Sets every logo on a raised, bordered card. Off = logos sit straight on the background.Sometimes sent:
undefined when the site leaves it out. Mutes the logos to grayscale and dims them, returning to full color on hover — the classic logo-wall look.Sometimes sent:
undefined when the site leaves it out. A list of LogosWidgetLogosItem. Logos.Show LogosWidgetLogosItem
Show LogosWidgetLogosItem
Always sent. Pick a logo from the Images library. A transparent PNG or an SVG works best. The related
@apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Always sent. Company / partner / certification name — used as the image alt text and the link title.
Sometimes sent:
undefined when the site leaves it out. Make this logo a link, e.g. to the partner’s site. Opens in a new tab for external URLs.Sometimes sent:
undefined when the site leaves it out. For dark / black logos that would vanish on the dark theme — flips them to light. Leave off for full-color or white logos.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of LogosWidgetLogosFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show LogosWidgetLogosFontOverridesItem
Show LogosWidgetLogosFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of LogosWidgetLogosFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show LogosWidgetLogosFontOverridesItemUploadsItem
Show LogosWidgetLogosFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show StepsWidget
Show StepsWidget
A
steps widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
steps. One of steps; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small label above the heading (e.g. “How it works”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the steps.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Horizontal lays the steps across a row (marker on top); Vertical stacks them as a classic timeline (marker on the left). One of horizontal, vertical; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Horizontal only. Auto fits as many as comfortably fit and works for any number of steps. Or lock a maximum per row. One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between steps. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Horizontal only — aligns the section header and each step’s text. (Vertical is always left-aligned beside its marker.) One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A line linking the step markers into a timeline (down the markers when vertical, across them when horizontal).Sometimes sent:
undefined when the site leaves it out, and it can be null. Plain keeps the connector-linked timeline (just marker + text, no card). Every other style boxes each step — Raised is a quiet lit card, Luxe a frosted glass panel, Outline a plaque frame, Spine adds a color rail, Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a boxed step does on hover (applies when Step style is not Plain). Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Number auto-counts 1, 2, 3…; Icon shows each step’s icon (falling back to the number when a step has none); None hides the marker badge. One of number, icon, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Soft is a tinted accent badge; Filled is a solid accent badge; Outline is a bordered badge. One of soft, filled, outline; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Marker shape. One of circle, rounded, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Marker size. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Color for the marker badge and the connector line. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. A list of StepsWidgetStepsItemsItem. Each item is one step in the process. They render in this order; the number marker counts automatically.Show StepsWidgetStepsItemsItem
Show StepsWidgetStepsItemsItem
Sometimes sent:
undefined when the site leaves it out. Optional Font Awesome icon for this step (e.g. calendar-check, circle-check, gear). Shown in the marker when the section marker is set to “Icon”; otherwise the step is numbered.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out. Overrides the auto number for this step’s marker, e.g. “01” or “A”. Leave empty to auto-count.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of StepsWidgetStepsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show StepsWidgetStepsFontOverridesItem
Show StepsWidgetStepsFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of StepsWidgetStepsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show StepsWidgetStepsFontOverridesItemUploadsItem
Show StepsWidgetStepsFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show MediaTextWidget
Show MediaTextWidget
A
media-text widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
media-text. One of media-text; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small label above the section heading (e.g. “Why us”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional section heading above the blocks. Leave empty to show just the blocks.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Aligns the section header and the text inside each block. (Side-by-side rows usually read best left-aligned.) One of left, center; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. For media-left / media-right rows: how the two columns share the width. One of balanced, media, text; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. For media-left / media-right rows: how the text lines up against the media. One of center, top; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Aspect ratio of the media frame. Auto keeps an image at its natural shape (videos and embeds always use a ratio). One of auto, landscape, standard, square, portrait, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Media corners. One of large, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between blocks. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Each block’s eyebrow color. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Block eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Block heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Block heading size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Block body weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Block body size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A list of MediaTextWidgetMediaTextBlocksItem. Each block is one media + text row. They render top to bottom in this order; alternate “Media left” / “Media right” for a classic zig-zag.Show MediaTextWidgetMediaTextBlocksItem
Show MediaTextWidgetMediaTextBlocksItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Media left / right place the media beside the text; Stacked puts media above the text; Full-bleed runs the media edge-to-edge with the text below. One of media-left, media-right, stacked, full; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Pick where the media comes from. “None” makes this a text-only block. One of image, video, embed, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Pick an image from the Images library. The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Describe the image for screen readers and SEO. Leave empty to use the library image’s own alt text. Set to a single space for a purely decorative image.Sometimes sent:
undefined when the site leaves it out. Pick a clip from the Videos library (⌘K → Videos). The related video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Play automatically as a muted, looping background clip (a pause button is shown, and reduced-motion visitors get the poster image). Off = a normal video with play controls.Sometimes sent:
undefined when the site leaves it out. Paste a YouTube or Vimeo link, e.g. https://youtu.be/… or https://vimeo.com/….Sometimes sent:
undefined when the site leaves it out. A paragraph or two. Leave a blank line between paragraphs.Sometimes sent:
undefined when the site leaves it out. This block’s button text. Leave empty (with no link) to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/about-us) or full URL.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of MediaTextWidgetMediaTextFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show MediaTextWidgetMediaTextFontOverridesItem
Show MediaTextWidgetMediaTextFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of MediaTextWidgetMediaTextFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show MediaTextWidgetMediaTextFontOverridesItemUploadsItem
Show MediaTextWidgetMediaTextFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show DeviceMockWidget
Show DeviceMockWidget
A
device-mock widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
device-mock. One of device-mock; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which devices to show. Duo overlaps a phone on the corner of a desktop browser; Trio adds a TV behind them (on narrow screens Trio drops the TV and shows as a Duo). Each device used gets its own screen tab. One of duo, trio, desktop, phone, tv; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the eyebrow / heading / intro / button sit. Left or right puts the text in a column beside the devices (stacked above them on narrow screens); None shows the devices only. One of above, left, right, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How large the devices render within the section. One of compact, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The browser window’s content area. Match your desktop captures. One of 16:10, 16:9; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The address shown in the browser toolbar — decoration only, not a link.Sometimes sent:
undefined when the site leaves it out. Adds a time / signal / battery bar across the top of the phone screen. Leave off for native phone screenshots — they already include the real status bar.Sometimes sent:
undefined when the site leaves it out. Adds a small, unobtrusive pause/play control so visitors can stop the auto-playing background motion (WCAG 2.2.2). Only appears when a moving background is set.Sometimes sent:
undefined when the site leaves it out. A small label above the heading (e.g. “Product tour”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the devices.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short paragraph under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A still screenshot, or a short looping screen recording. One of image, video; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Use a native-resolution 16:9 capture of the screen with NO device frame (the frame is drawn for you) — e.g. 1920 × 1080 or 3840 × 2160. The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Required once a screenshot is picked. Describe what the screen shows for visitors who can’t see it — e.g. “Dashboard with a weekly activity chart and a list of recent orders”. Skip the device itself (“a phone showing…”); the frame is decorative.Sometimes sent:
undefined when the site leaves it out. Pick a clip from the Videos library (⌘K → Videos). It plays as a short, muted, looping screen recording — keep it SHORT (about 5–15 seconds) and SMALL (under about 10 MB; an H.264 MP4 without an audio track is ideal), and give the Videos item a poster image: visitors see the poster first, and reduced-motion visitors only ever see the poster. Use a native-resolution 16:9 capture of the screen with NO device frame (the frame is drawn for you) — e.g. 1920 × 1080 or 3840 × 2160. The related video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Recommended. A short description of what the recording shows, read to screen-reader users — e.g. “Creating a new project in three clicks”. Leave empty only if the surrounding text already says it.Sometimes sent:
undefined when the site leaves it out, and it can be null. Fill crops the media to fill the whole screen (best for native captures). Fit shows the whole image or video, leaving bars if its shape differs from the screen. One of cover, contain; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which part stays visible when the media is cropped. Top keeps an app’s header in view — right for most screenshots. One of top, center, bottom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A still screenshot, or a short looping screen recording. One of image, video; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Use a native-resolution capture of the page content only — no browser toolbar and no device frame (both are drawn for you). 16:10 (e.g. 2880 × 1800) or 16:9 (e.g. 2560 × 1440), matching the “Desktop screen shape” setting. The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Required once a screenshot is picked. Describe what the screen shows for visitors who can’t see it — e.g. “Dashboard with a weekly activity chart and a list of recent orders”. Skip the device itself (“a phone showing…”); the frame is decorative.Sometimes sent:
undefined when the site leaves it out. Pick a clip from the Videos library (⌘K → Videos). It plays as a short, muted, looping screen recording — keep it SHORT (about 5–15 seconds) and SMALL (under about 10 MB; an H.264 MP4 without an audio track is ideal), and give the Videos item a poster image: visitors see the poster first, and reduced-motion visitors only ever see the poster. Use a native-resolution capture of the page content only — no browser toolbar and no device frame (both are drawn for you). 16:10 (e.g. 2880 × 1800) or 16:9 (e.g. 2560 × 1440), matching the “Desktop screen shape” setting. The related video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Recommended. A short description of what the recording shows, read to screen-reader users — e.g. “Creating a new project in three clicks”. Leave empty only if the surrounding text already says it.Sometimes sent:
undefined when the site leaves it out, and it can be null. Fill crops the media to fill the whole screen (best for native captures). Fit shows the whole image or video, leaving bars if its shape differs from the screen. One of cover, contain; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which part stays visible when the media is cropped. Top keeps an app’s header in view — right for most screenshots. One of top, center, bottom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A still screenshot, or a short looping screen recording. One of image, video; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Use a native-resolution portrait screenshot with NO device frame (the frame is drawn for you) — e.g. 1179 × 2556 or 1290 × 2796 (about 9:19.5). The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Required once a screenshot is picked. Describe what the screen shows for visitors who can’t see it — e.g. “Dashboard with a weekly activity chart and a list of recent orders”. Skip the device itself (“a phone showing…”); the frame is decorative.Sometimes sent:
undefined when the site leaves it out. Pick a clip from the Videos library (⌘K → Videos). It plays as a short, muted, looping screen recording — keep it SHORT (about 5–15 seconds) and SMALL (under about 10 MB; an H.264 MP4 without an audio track is ideal), and give the Videos item a poster image: visitors see the poster first, and reduced-motion visitors only ever see the poster. Use a native-resolution portrait screenshot with NO device frame (the frame is drawn for you) — e.g. 1179 × 2556 or 1290 × 2796 (about 9:19.5). The related video documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Recommended. A short description of what the recording shows, read to screen-reader users — e.g. “Creating a new project in three clicks”. Leave empty only if the surrounding text already says it.Sometimes sent:
undefined when the site leaves it out, and it can be null. Fill crops the media to fill the whole screen (best for native captures). Fit shows the whole image or video, leaving bars if its shape differs from the screen. One of cover, contain; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which part stays visible when the media is cropped. Top keeps an app’s header in view — right for most screenshots. One of top, center, bottom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of DeviceMockWidgetDeviceMockFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show DeviceMockWidgetDeviceMockFontOverridesItem
Show DeviceMockWidgetDeviceMockFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of DeviceMockWidgetDeviceMockFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show DeviceMockWidgetDeviceMockFontOverridesItemUploadsItem
Show DeviceMockWidgetDeviceMockFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show TeamWidget
Show TeamWidget
A
team widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
team. One of team; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the team.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Header alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show only members you have flagged “Featured” in the Team Members manager — e.g. a short leadership row on the home page.Sometimes sent:
undefined when the site leaves it out, and it can be null. The most members to show, in the manager’s sort order. 1 to 50.Sometimes sent:
undefined when the site leaves it out, and it can be null. Grid: a tidy multi-row grid (the full team page). Carousel: a continuous auto-scrolling marquee (needs site animations enabled — falls back to the grid when they are off). Spotlight: featured members large on top, the rest in a smaller grid. List: wide rows with the full bio. Scatter: a playful arrangement with varied spacing so the cards float freely. One of grid, carousel, spotlight, list, scatter; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many cards per row. Auto fits as many as comfortably fit (the Scatter layout composes on three columns when set to Auto). One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many members lead the section at full size. Members flagged “Featured” fill the spots first, in the manager’s sort order; any extra featured members join the rows below. One of 1, 2; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many of the remaining members sit on each row under the featured spots. One of 2, 3, 4, 5; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the carousel auto-scrolls. One of vslow, slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scroll direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How far the cards drift from a tidy grid. Subtle keeps a loose grid; Wild pushes the offsets to their playful maximum. One of subtle, playful, wild; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between cards. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Portrait: the photo on top, name/role/bio below — the classic team card. Overlay: a full-bleed photo with a solid color panel over its lower edge holding the name and role. Profile: a horizontal bar — avatar left, name/role/tagline right. Roster: minimal — just the avatar, name and role. (The List section layout always uses its own wide row.) One of portrait, overlay, profile, roster; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The photo’s aspect ratio on the photo-led card layouts. One of square, portrait, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The photo’s outline. Squircle is a soft superellipse-style corner (approximated with heavy rounding). One of circle, rounded, squircle, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Avatar size. One of small, medium, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A ring around the photo in the avatar color. One of none, hairline, thin, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A flat color accent behind the photo. Panel offsets a solid block behind it; Halo draws a soft concentric disc. Both use the avatar color. One of none, panel, halo; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the border and the backdrop treatment. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. Shown on the Portrait and Profile cards and the List rows. The Overlay and Roster layouts stay bio-free by design.Sometimes sent:
undefined when the site leaves it out. The member’s one-liner, shown on the Profile and Roster cards and the List rows.Sometimes sent:
undefined when the site leaves it out. Cross-fades to a member’s alternate photo on hover (set per member; does nothing for members without one, and stays off for visitors who prefer reduced motion).Sometimes sent:
undefined when the site leaves it out, and it can be null. The card treatment. Outline (the default) is a plaque frame — a framed-portrait look; Raised is a quiet lit card; Luxe a frosted glass panel; Ticket/Bracket/Inlay are the graphic showstoppers. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). Vary it per section so the page is not cookie-cutter. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How the name, role and bio align inside each card (the Profile card and List rows are always left-aligned beside the avatar). One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — the lettered-avatar fallback background and the role color default. Leave empty to use the brand accent. (The icon row has its own colors on the Social links tab.)Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The solid panel over the photo on the Overlay card. Leave empty to use the card color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Name size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Name weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Role size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Role weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Bio size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Bio weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cap each bio at this many lines (the rest is truncated with an ellipsis) so one long bio can’t blow up the card height. The List layout always shows the full bio. One of none, 2, 3, 4, 6; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the faint text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. The member’s social profile icons (set per member in the Team Members manager).Sometimes sent:
undefined when the site leaves it out. Off by default — turns each member’s email and phone (when set) into icon links. Only enable when you want those details public.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon style. One of bare, outline, solid; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between the icons. One of tight, normal, loose; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover to each platform’s own brand color, or to the site accent (or a chosen hover color). One of brand, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Resting icon color. Leave empty for the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Hover color” is Accent / custom. Leave empty for the site accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of TeamWidgetTeamFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show TeamWidgetTeamFontOverridesItem
Show TeamWidgetTeamFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of TeamWidgetTeamFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show TeamWidgetTeamFontOverridesItemUploadsItem
Show TeamWidgetTeamFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FaqWidget
Show FaqWidget
A
faq widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
faq. One of faq; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the questions.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The Split layout always sets its header column left. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show only questions you have flagged “Featured” in the FAQs manager — e.g. a short top-questions block on the home page, linking out to the full FAQ page.Sometimes sent:
undefined when the site leaves it out, and it can be null. The most questions to show, in the manager’s sort order. Raise it for a full FAQ page. 1 to 50.Sometimes sent:
undefined when the site leaves it out. Optional filter. Leave empty to show questions from every category. Manage the list under FAQ Categories. The related faq-category documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document; a document the site can’t find is left out.Sometimes sent:
undefined when the site leaves it out, and it can be null. By category renders a subheading per FAQ category, in the order picked in the category filter (or, with no filter, the FAQ Categories sort order); questions without a category are listed last. One of none, category; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Accordion: a single centered column of collapsing questions — the classic FAQ. Split: the header (and button) sit in a left column with the accordion beside them. Two columns: the accordion flows across two columns. Open panels: every answer visible in a card grid — no collapsing. One of accordion, split, columns, panels; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many open panels sit per row (they stack on small screens). One of 1, 2, 3; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. One at a time closes the previous answer when a new one opens; Independent lets visitors hold several open. One of single, multiple; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Starts the section with the first answer expanded so the block never reads as an empty list of rows.Sometimes sent:
undefined when the site leaves it out, and it can be null. The disclosure marker on each question. Plus rotates into a close mark; Chevron flips. One of plus, chevron; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Space between questions. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Adds this section’s questions to the page’s schema.org FAQPage markup so search engines can read them (all FAQ sections on a page share one FAQPage block). Costs nothing when on; turn off only to exclude these questions.Sometimes sent:
undefined when the site leaves it out, and it can be null. The question-row treatment. Plain (the default) is the classic divided list — hairlines between questions. Any other style turns each question into a card: Raised is a quiet lit card, Outline a framed row, Luxe frosted glass; Ticket/Bracket/Inlay are the graphic showstoppers. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a question row does on hover. None (the default) keeps the accordion calm — the open/close motion is the interaction. The card effects (Lift/Glow/…) suit the card styles; the cursor-tracked ones need site animations on. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — colors the toggle icon and the open question’s highlight. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Question size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Question weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Answer size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Answer weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Category heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of FaqWidgetFaqFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FaqWidgetFaqFontOverridesItem
Show FaqWidgetFaqFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of FaqWidgetFaqFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FaqWidgetFaqFontOverridesItemUploadsItem
Show FaqWidgetFaqFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show ServiceMapWidget
Show ServiceMapWidget
A
service-map widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
service-map. One of service-map; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Leave empty for the standard ink color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short paragraph under the heading. The data source’s own description (service days etc.) shows in the result panel, not here.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Map height. One of compact, standard, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Curated light/dark basemap pairs — each follows the visitor’s theme toggle. “Site palette” derives the basemap from this site’s own colors. One of palette, classic, silver, retro; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Map corner radius. One of square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Leave empty for the standard hairline — set it to match a colored border on the zone cards.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional soft glow around the map frame — pairs with a glowing zone-card style. Leave empty for none.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. On pages with this section, upgrades the business structured data from the compact site-wide form to the full detail: every public place name, every zip code, and area boundaries. Costs visitors nothing; turn off to keep this page at the compact site-wide form. (Requires structured data on in Site settings → SEO; demo map data is never published.)Sometimes sent:
undefined when the site leaves it out. The legend card overlaid on the map. The zone cards below the map always carry the same information for screen readers and when the map can’t load.Sometimes sent:
undefined when the site leaves it out, and it can be null. Key swatch size. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Key text justification. One of left, center, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Key text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Key text weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Leave empty for the standard ink color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Key corner radius. One of square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Leave empty for the standard hairline — set it to match the map frame or the zone cards.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional soft glow around the key card. Leave empty for none.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. The zone/pricing cards under the map. Turning this off hides them visually — they stay in the page for screen readers and no-JavaScript visitors (the map itself isn’t accessible).Sometimes sent:
undefined when the site leaves it out, and it can be null. The card surface. Raised is a quiet lit card; Luxe is a frosted glass panel; Outline is a double-rule plaque frame; Plain has no chrome; Poster frames the card with an accent keyline; Spine embeds a color rail along the top; Tint washes the card in the accent color. Showstoppers: Ticket punches notches into the sides, Bracket draws only corner marks, Forge is a machined plate with an engraved frame, Press is a punched index card with a margin rule, Inlay recesses the content into a well. One of raised, luxe, outline, plain, poster, edge, tint, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a card does on hover. Lift/Pop/Press/Glow/Outline are instant CSS effects; Sheen sweeps a soft light across; Tilt, Magnetic and Spotlight follow the cursor (these need site animations on — visitors who prefer reduced motion see the resting card). Pick a different one per section so a page feels varied, not cookie-cutter. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Card swatch size. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Card text justification. One of left, center, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Zone name weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Card text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Colors the zone names; supporting copy stays muted. Leave empty for the standard ink color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The price and detail lines under each zone name — sized relative to the card text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Supporting text weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Leave empty for the standard muted color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. Optional label shown instead of “$0” wherever a zone has no fee (key, cards, results). Clear it to show the plain price — $0 doesn’t always mean included.Sometimes sent:
undefined when the site leaves it out. A list of ServiceMapWidgetServiceMapZoneOverridesItem. Per-zone display overrides, matched by the zone name the data source provides. Rename a zone, replace its price text, or hide it entirely — the underlying data is never changed.Show ServiceMapWidgetServiceMapZoneOverridesItem
Show ServiceMapWidgetServiceMapZoneOverridesItem
Sometimes sent:
undefined when the site leaves it out. Optional replacement name shown everywhere this zone appears.Sometimes sent:
undefined when the site leaves it out. Optional replacement for the price text (e.g. “Included”, “Call us”). Overrides the zero-price label too.Sometimes sent:
undefined when the site leaves it out. The zone stays on the map and in search results — it just leaves the key and cards.Sometimes sent:
undefined when the site leaves it out, and it can be null. Positions the search box and button above the map. One of left, center, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Same radius scale as the buttons, so the box and button can match. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Google address autocomplete under the search box (needs the Places API enabled on the key — see the setup guide in Connections → Google Maps). ZIP-only typing never triggers suggestions when the data source is zip-based.Sometimes sent:
undefined when the site leaves it out. Shown when a searched location doesn’t fall in any zone (or the premium radius).Sometimes sent:
undefined when the site leaves it out. Leave empty for “Check”. The button’s look is configured in the Search button tab.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Popup placement. One of center, corner; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Popup style. One of overlay, solid; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Repeats the searched ZIP code or address at the top of the result popup.Sometimes sent:
undefined when the site leaves it out. Looks up the locality for a searched ZIP code (one extra Geocoding API call per search) and shows it beside the searched value.Sometimes sent:
undefined when the site leaves it out, and it can be null. Popup text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Popup title weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. When the data carries a premium (distance-priced) service, include it in search results and the zone cards. Sources without their own premium block use the pricing set in Service area map → Areas and pricing.Sometimes sent:
undefined when the site leaves it out. Needs a premium range limit (miles) — with no limit there is no ring to draw.Sometimes sent:
undefined when the site leaves it out. Shown when a distance estimate isn’t possible (e.g. the Distance Matrix API isn’t enabled on the key).Sometimes sent:
undefined when the site leaves it out. Optional logo/pin image for the business marker. Leave empty for a simple accent-color pin. The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Optional light-theme variant. Falls back to the dark-theme image. The related @apostrophecms/image documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Accessible name + hover title for the marker. Leave empty to use the business name from Site settings.Sometimes sent:
undefined when the site leaves it out, and it can be null. Marker size. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The business marker gently bobs in place. Automatically disabled for visitors who prefer reduced motion.Sometimes sent:
undefined when the site leaves it out. Adds the business location (named by its label in Service area map → Your location) as the FIRST entry of the map key and zone cards.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of ServiceMapWidgetServiceMapFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show ServiceMapWidgetServiceMapFontOverridesItem
Show ServiceMapWidgetServiceMapFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of ServiceMapWidgetServiceMapFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show ServiceMapWidgetServiceMapFontOverridesItemUploadsItem
Show ServiceMapWidgetServiceMapFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show BlogPreviewWidget
Show BlogPreviewWidget
A
blog-preview widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
blog-preview. One of blog-preview; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Aspect ratio of the featured image. Choose “Hidden” for text-only cards. One of 16/10, 4/3, 3/2, 1/1, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Image hover. One of zoom, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Use the featured image as the full card background, with the title and meta overlaid on a dark scrim. Posts with no image fall back to a normal card.Sometimes sent:
undefined when the site leaves it out, and it can be null. The card surface. Raised is a quiet lit card; Luxe a frosted glass panel; Outline a plaque frame; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. (On image-led cards the photo covers the top edge.) One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt (3-D + glare), Magnetic and Spotlight follow the cursor (need site animations on). The Hover color below tints these. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Border / shadow / glow color on hover. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. How the category badge uses its color (set per category under Blog Categories). Filled = colored background; Outline = colored border + text; Minimal = colored text only. One of filled, outline, minimal; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many lines of the excerpt to show before truncating. One of 2, 3, 4, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto puts it on the right of horizontal cards (list / compact / featured) and below the text on grid cards. Or force one placement everywhere. One of auto, below, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the “Read post” link color. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Color of the “Read post” link when the card is hovered. Leave empty to use the accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the card title color. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Title color when the card is hovered. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the excerpt text color. Leave empty for the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Excerpt weight. One of normal, medium, semibold, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Date / meta line color. Leave empty for the faint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the faint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of BlogPreviewWidgetBlogFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show BlogPreviewWidgetBlogFontOverridesItem
Show BlogPreviewWidgetBlogFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of BlogPreviewWidgetBlogFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show BlogPreviewWidgetBlogFontOverridesItemUploadsItem
Show BlogPreviewWidgetBlogFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show CookieDeclarationWidget
Show CookieDeclarationWidget
A
cookie-declaration widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
cookie-declaration. One of cookie-declaration; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A short block naming what this visitor has allowed, with a button that reopens the preferences panel. Withdrawal has to be as easy as consent, so leave this on unless the page offers another way.Sometimes sent:
undefined when the site leaves it out. Provider, type, duration and domain per entry. Off leaves the plain-language disclosures alone, which reads better but tells a technical reader less.Sometimes sent:
undefined when the site leaves it out, and it can be null. Layout. One of stacked, compact; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of CookieDeclarationWidgetCookieDeclFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show CookieDeclarationWidgetCookieDeclFontOverridesItem
Show CookieDeclarationWidgetCookieDeclFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of CookieDeclarationWidgetCookieDeclFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show CookieDeclarationWidgetCookieDeclFontOverridesItemUploadsItem
Show CookieDeclarationWidgetCookieDeclFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show RichTextWidget
Show RichTextWidget
A
@apostrophecms/rich-text widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
@apostrophecms/rich-text. One of @apostrophecms/rich-text; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The text as HTML, e.g. <h2>Our story</h2><p>It began with <strong>one</strong> idea.</p>. The site keeps the tags and styles this area’s editor offers (paragraphs, headings, bold, italic, links, lists…) and removes the rest.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show GoogleReviewsWidget
Show GoogleReviewsWidget
A
google-reviews widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
google-reviews. One of google-reviews; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the reviews.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Header alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Only show reviews at or above this star rating. One of 0, 3, 4, 5; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show only reviews you have flagged “Featured” in the Google Reviews manager — hand-curate exactly which appear.Sometimes sent:
undefined when the site leaves it out, and it can be null. The most reviews to show (newest first). 1 to 30.Sometimes sent:
undefined when the site leaves it out, and it can be null. Animated carousel: a continuous, auto-scrolling marquee of cards (great on a home page; needs site animations enabled — falls back to the grid when they are off). Grid: a tidy multi-row grid. Masonry: a staggered, Pinterest-style grid that hugs each review’s length. One of carousel, grid, masonry; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many cards per row (grid) or columns (masonry). Auto fits as many as comfortably fit. One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the carousel auto-scrolls. The review carousel runs on its own (gentler) speed scale than the logos/footer marquees so two never scroll in lockstep. One of vslow, slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scroll direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between cards. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show the reviewer’s Google avatar (falls back to a lettered initial when missing or anonymous).Sometimes sent:
undefined when the site leaves it out. Include the business’s public reply beneath a review when there is one.Sometimes sent:
undefined when the site leaves it out. A small Google attribution lockup under the section — recommended when showing Google reviews.Sometimes sent:
undefined when the site leaves it out, and it can be null. The card surface. Raised is a quiet lit card; Luxe is a frosted glass panel; Outline is a double-rule plaque frame; Plain has no chrome; Poster frames the card with an accent keyline; Spine embeds a color rail along the top; Tint washes the card in the accent color. Showstoppers: Ticket punches notches into the sides, Bracket draws only corner marks, Forge is a machined plate with an engraved frame, Press is a punched index card with a margin rule, Inlay recesses the content into a well. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). Vary it per section so the page is not cookie-cutter. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sets the carousel card width and the minimum card width in the grid/masonry layouts. One of narrow, normal, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto hugs the content; the taller presets give every card a consistent minimum height (grid + carousel). The masonry layout ignores this and staggers card heights itself. One of auto, medium, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How the avatar, name, stars and text align inside each card. One of left, center, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use a warm amber. Applies in both themes.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — background of the lettered fallback avatar. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Name size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Name weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Date size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Date weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the faint text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Review text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Review text weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cap each review at this many lines (the rest is truncated with an ellipsis) so one very long review can’t blow up the card height — important once real, lengthy reviews come in. Choose “Full text” to never truncate. Short reviews are unaffected. One of none, 4, 6, 8, 12; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of GoogleReviewsWidgetReviewsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show GoogleReviewsWidgetReviewsFontOverridesItem
Show GoogleReviewsWidgetReviewsFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of GoogleReviewsWidgetReviewsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show GoogleReviewsWidgetReviewsFontOverridesItemUploadsItem
Show GoogleReviewsWidgetReviewsFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show TestimonialsWidget
Show TestimonialsWidget
A
testimonials widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
testimonials. One of testimonials; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the testimonials.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Header alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show only testimonials you have flagged “Featured” in the Testimonials manager — hand-curate exactly which appear.Sometimes sent:
undefined when the site leaves it out, and it can be null. The most testimonials to show (featured first). 1 to 30.Sometimes sent:
undefined when the site leaves it out, and it can be null. Animated carousel: a continuous, auto-scrolling marquee of cards (great on a home page; needs site animations enabled — falls back to the grid when they are off). Grid: a tidy multi-row grid. Masonry: a staggered, Pinterest-style grid that hugs each quote’s length. One of carousel, grid, masonry; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many cards per row (grid) or columns (masonry). Auto fits as many as comfortably fit. One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the carousel auto-scrolls. One of vslow, slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scroll direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between cards. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Quote-led: a large quotation mark over the quote, with the author in a footer (the classic testimonial look). Accent bar: the quote beside a bold accent bar. Classic: the author on top (photo + name), then the quote — like a review card. One of quote, bar, classic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The oversized “ glyph on the quote-led and accent-bar layouts.Sometimes sent:
undefined when the site leaves it out. Show the author’s photo (falls back to a lettered initial when none is set).Sometimes sent:
undefined when the site leaves it out. Off by default — a testimonial usually leads with the quote. Turn on to show each testimonial’s star rating.Sometimes sent:
undefined when the site leaves it out. The text for a testimonial’s optional “Source link” (set per testimonial in the Testimonials manager). Shown only on testimonials that have a link.Sometimes sent:
undefined when the site leaves it out, and it can be null. The card treatment. Spine (the default) embeds a color rail along the top; Raised is a quiet lit card; Luxe a frosted glass panel; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). Vary it per section so the page is not cookie-cutter. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sets the carousel card width and the minimum card width in the grid/masonry layouts. One of narrow, normal, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto hugs the content; the taller presets give every card a consistent minimum height (grid + carousel). The masonry layout ignores this and staggers card heights itself. One of auto, medium, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How the quote and author align inside each card. One of left, center, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use a warm amber. Applies in both themes (only when ratings are shown).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — the quotation mark, the accent bar, and the lettered-avatar background. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Name size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Name weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Role size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Role weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the faint text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Quote size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Quote weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cap each quote at this many lines (the rest is truncated with an ellipsis) so one very long testimonial can’t blow up the card height. Choose “Full text” to never truncate. Short quotes are unaffected. One of none, 4, 6, 8, 12; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of TestimonialsWidgetTestimonialsFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show TestimonialsWidgetTestimonialsFontOverridesItem
Show TestimonialsWidgetTestimonialsFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of TestimonialsWidgetTestimonialsFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show TestimonialsWidgetTestimonialsFontOverridesItemUploadsItem
Show TestimonialsWidgetTestimonialsFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show InstagramFeedWidget
Show InstagramFeedWidget
A
instagram-feed widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
instagram-feed. One of instagram-feed; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the feed.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Header alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show only posts you have flagged “Featured” in the Instagram Posts manager — hand-curate exactly which appear.Sometimes sent:
undefined when the site leaves it out, and it can be null. The most posts to show (newest first). 1 to 30.Sometimes sent:
undefined when the site leaves it out, and it can be null. Filter this feed by media type. “Photos” keeps image and album posts; “Videos & reels” keeps only video posts. This is per-feed display only — it doesn’t change what gets synced. One of all, photos, videos; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Carousel: a continuous, auto-scrolling marquee strip (great on a home page; needs site animations enabled — falls back to the grid when they are off). Grid: a tidy multi-row grid. Masonry: a staggered grid that hugs each image’s shape. Mosaic Photo Wall: an edge-to-edge, gap-free photo wall where rows are scaled to a common height (like Flickr / Google Photos) — the richest option for photos. One of carousel, grid, masonry, justified; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many tiles per row (grid) or columns (masonry). Auto fits as many as comfortably fit. (The Mosaic Photo Wall sets its own row layout.) One of auto, 2, 3, 4, 5; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The target height of each row in the Mosaic Photo Wall. Taller rows show fewer, bigger photos per row. One of compact, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. For feeds where every photo is the same shape (e.g. all square): assign each tile a varied shape (cropped around its focal point, never cutting the subject) so the wall still reads as an organic mosaic. Leave off when your photos already vary.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the carousel auto-scrolls. The feed runs on its own speed scale so two marquees on a page never scroll in lockstep. One of vslow, slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scroll direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between tiles. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Crop each image to a consistent shape. “Original” keeps each image’s own ratio (best with the masonry layout). One of square, portrait, landscape, original; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sets the carousel tile width and the minimum tile width in the grid/masonry layouts. One of narrow, normal, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of none, slight, rounded; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a tile does on hover. Lift/Glow are best for image tiles; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). This is on top of the image zoom. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small corner glyph marking a video, reel, or carousel album.Sometimes sent:
undefined when the site leaves it out. A corner Instagram glyph on each tile — the one opt-in link out to the post (opens in a new tab). The tile itself opens the on-site lightbox.Sometimes sent:
undefined when the site leaves it out. A small heart + like count in the bottom corner of each tile. Off by default. (A post whose account hides like counts on Instagram shows nothing.)Sometimes sent:
undefined when the site leaves it out, and it can be null. Size of the corner glyph, the video/reel badge, and the play affordance on video tiles. All three options are larger than the old fixed size. One of small, medium, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Off by default (the classic image-only grid). When on, choose where the caption appears below.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption placement. One of below, hover; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — color of the corner glyph + the hover wash. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — color of the like heart on the tiles and in the lightbox. Leave empty to use the brand coral.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cap each caption at this many lines so a long caption can’t blow up the tile. One of none, 1, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color (below mode) / white (hover mode).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out. Show the post’s like count in the lightbox. (An account that hides like counts on Instagram reports none — then nothing shows.)Sometimes sent:
undefined when the site leaves it out, and it can be null. How comments appear in the lightbox. “Count only” shows just the total. “Full list” shows the actual comments — requires “Fetch post comments” in Connections → Instagram to be on so the comment text is synced. One of none, count, list; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Show each commenter’s Instagram handle next to their comment. Turn off for a cleaner, anonymous list of just the comment text.Sometimes sent:
undefined when the site leaves it out. The opt-in outbound link in the lightbox. Turn it off to keep visitors fully on your site (the corner glyph on each tile is a separate setting).Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of InstagramFeedWidgetInstagramFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show InstagramFeedWidgetInstagramFontOverridesItem
Show InstagramFeedWidgetInstagramFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of InstagramFeedWidgetInstagramFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show InstagramFeedWidgetInstagramFontOverridesItemUploadsItem
Show InstagramFeedWidgetInstagramFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show GalleryPreviewWidget
Show GalleryPreviewWidget
A
gallery-preview widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
gallery-preview. One of gallery-preview; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the photos.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Header alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Album: a curated set you pick and order by hand — best for a designed page. Folder: automatically shows every image filed in a media-library folder (newest first) — best for bulk collections you organize in the media manager. Feed: a set that refreshes itself on a schedule from an external photo store, so the gallery shows different photos over time. One of album, folder, feed; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The Photo Album to display. Create and fill albums in the Photo Albums manager. The related photo-album documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. The media-library folder to display. Every image filed in it (and its subfolders, if enabled) is shown, newest first. The related image-folder documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Also show images filed in folders inside the selected folder.Sometimes sent:
undefined when the site leaves it out. The Photo Feed to display. This gallery stays pointed at the feed while the feed replaces its photos on its own schedule. Create and configure feeds in the Photo Feeds manager. The related photo-feed documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cap the teaser to this many photos. 0 shows everything in the selected source (folder photos are newest-first). 0 to 200.Sometimes sent:
undefined when the site leaves it out, and it can be null. Mosaic Photo Wall: an edge-to-edge wall where rows are scaled to a common height (like Flickr / Google Photos), cropped around each photo’s focal point — the richest option. Masonry: a staggered grid that hugs each photo’s shape. Grid: a tidy, uniform grid. Spotlight: every group of eight opens on an oversized lead photo, sides alternating on wide screens. Shaped Tiles: a portrait grid whose tiles cycle through slab, arch and orb shapes. Scrolling Banner: one edge-to-edge row that drifts sideways forever, so a long album reads as a ribbon of photos rather than a block — the option for a band between two sections rather than a gallery page. Panorama Wall: several rows, far wider than the screen, traveling sideways at slightly different speeds — and the visitor can push it along or against with a drag or a trackpad swipe. Vertical Ribbon: a band of columns running down the page instead of across it, neighboring columns traveling opposite ways, so the section reads as a moving curtain of photographs. One of justified, masonry, grid, spotlight, shaped, banner, panorama, ribbon; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many tiles per row (grid, shaped tiles) or columns (masonry). Auto fits as many as comfortably fit. (The Mosaic Photo Wall sets its own row layout; Spotlight sets its own pattern.) One of auto, 2, 3, 4, 5; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The target height of each row in the Mosaic Photo Wall. Taller rows show fewer, bigger photos per row. One of compact, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How tall the moving row stands. Each photo keeps its own shape, so a taller banner shows wider photos and fewer of them at once. One of short, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the row drifts. It also surges briefly with the page’s own scrolling, then settles back — so the band reacts to the visitor instead of ignoring them. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Banner direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Fades the row out at both ends so photos scroll in and out instead of being cut off by a hard edge.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many rows of photos the wall is dealt across. Photos go into the rows in turn, so consecutive shots land in different rows rather than stacking up together. Deep walls want a big set — a row needs at least three photos of its own, so a small album quietly uses fewer, fuller rows than you pick here. One of 2, 3, 4, 5, 6, 7, 8; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How tall each row stands, so the wall’s total depth is this times the number of rows — an eight-row Tall panorama fills a screen and then some. Each photo keeps its own shape, so taller rows show wider photos and fewer of them. One of short, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the wall travels. Each row takes a slightly different share of this, so the rows shear gently against each other and the block reads as depth rather than as one sliding sheet. It also surges briefly with the page’s own scrolling, then settles back. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Travel direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Dragging the wall (or swiping sideways on a trackpad or phone) pushes it along or against its travel, and it glides back into its own pace when let go. Vertical scrolling always still scrolls the page. Needs site animations on in Site design → Motion.Sometimes sent:
undefined when the site leaves it out. Fades the rows out at both ends so photos travel in and out instead of being cut off by a hard edge.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many columns of photos the band is dealt across. Photos go into the columns in turn, so consecutive shots land in different columns rather than stacking up together. Narrow screens show fewer columns than you pick here (two on a phone, three on a tablet) — because photos in a 50-pixel sliver are not photos. A column needs at least three photos of its own, so a small album quietly uses fewer, fuller columns. One of 2, 3, 4, 5, 6; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How tall the band stands — the window the columns travel through, not the columns themselves, which are always far taller than it. Each photo keeps its own shape and fills its column’s width, so the columns show more photos at once the taller the band is. One of short, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the columns travel. Each takes a slightly different share of this, so the band reads as a weave rather than as one sheet sliding. Slower than the sideways layouts at every setting on purpose: this moves along the same axis the visitor scrolls in, where the same speed feels far more urgent. It also surges briefly with the page’s own scrolling, then settles back. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which way the first column travels. With alternating columns on (below), its neighbors go the other way. One of up, down; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Send neighboring columns opposite ways, which is what makes the band read as a weave. Turn it off and the whole band travels one way together — quieter, and closer to a conventional scrolling wall.Sometimes sent:
undefined when the site leaves it out. Fades the columns out at the top and bottom so photos travel in and out instead of being cut off by a hard edge.Sometimes sent:
undefined when the site leaves it out. For albums where every photo is the same shape (e.g. all square): assign each tile a varied shape (cropped around its focal point, never cutting the subject) so the wall still reads as an organic mosaic. Leave off when your photos already vary.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between tiles. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of none, slight, rounded; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The tile surface. Raised floats each photo on a soft shadow (default); Plain is a clean edge-to-edge wall; Luxe / Outline / Poster frame it; Ticket / Bracket / Forge / Press add graphic structure. The photo fills the tile, so fill-based looks (Tint, Inlay) read as their frame + elevation. On the Shaped Tiles layout the structural looks (Ticket / Bracket / Forge / Press) fall back to their plain surface — their rectangular marks can’t follow an arch or orb. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a tile does on hover, on top of the surface above. Glow (default) / Lift read best on photo tiles; Press collapses a Poster offset; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). This is on top of the image zoom. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Overlay each photo’s alt text on hover. Off by default (a clean photo wall). The caption always shows in the lightbox.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Clicking a photo opens it full-size in an on-site lightbox (with previous / next). Turn off for a purely decorative wall that doesn’t enlarge.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — color of the hover wash / glow. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. A very slow pan-and-zoom on every photo, each tile on its own rhythm, so the wall stays quietly alive instead of holding perfectly still. Off by default: a still gallery costs nothing to keep on screen, and this runs continuously for as long as the page is open. Turn it on if you also switch on “Rotate photos automatically” below — a photo changing on a wall that is otherwise frozen reads as a glitch. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of off, subtle, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sets every photo at its own depth: as the page scrolls, some slide with it and some against it, so the wall has layers instead of being one flat plane. It only moves while the visitor scrolls — nothing happens when the page is still. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of off, subtle, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Every so often two photos trade places on the wall, gliding past each other into their new squares. Nothing resizes and nothing else on the wall moves — the grid’s squares are identical, so the photos simply swap seats. It holds still while a visitor’s pointer or keyboard is anywhere in the gallery, so nothing ever moves out from under a click. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of off, calm, steady, lively; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Two photos swap with each other; three or more pass their seats along in a ring, so more of the wall is moving at once. Higher numbers read as the wall dealing itself a new hand rather than as two photos changing places. 2 to 6.Sometimes sent:
undefined when the site leaves it out. Photos fade out a few at a time and are replaced from the rest of the source, so the gallery keeps changing while a visitor watches. Needs more photos in the source than are on screen — set “Maximum photos” above to less than the source holds. Set “Ambient drift” above to Subtle as well: a photo changing on a wall that is otherwise perfectly still reads as a glitch rather than as movement. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cross-fade: the next photo dissolves over the old one as it eases in — the quietest change. Fade through a color: the tile also dips towards a flat color while the photos dissolve, so it reads as “phasing out” without ever going blank. Slide in: the next photo travels in over the old one, which drifts the same way behind it. Zoom through: the next photo settles out of a slight enlargement. Soften through: the photo blurs out of focus and the next one comes back into it. Wipe across: a clean edge travels over the tile, leaving the next photo behind it. Turn over: the tile turns like a card and comes back showing the next photo — the boldest of the seven. One of cross, veil, push, scale, blur, wipe, turn; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scattered spreads the changes over the whole wall, never twice in the same corner and never the same tile twice in a row. The other three move through the wall in a set direction, so the changes read as one gesture crossing the gallery rather than as separate events. One of scatter, wave, columns, rows; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to dip through the page background, which suits both themes. Set white for a brighter bloom, or the brand accent for a bolder pulse. The dip never reaches full strength, so the photo always shows through.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The gap between one group of changes and the next. The real timing is deliberately uneven around this figure so the wall never feels metronomic. One of calm, steady, lively, rapid; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many tiles change per group. They never start on the same frame — each one follows the one before it by a beat, so a group reads as a ripple rather than a blink. 1 is the calmest; higher numbers keep more of the wall in motion. 1 to 6.Sometimes sent:
undefined when the site leaves it out, and it can be null. The length of one change, from the old photo to the new. Longer reads as a gentle phase; shorter as a snap — and short changes are the ones that read as choppy, so lean long. One of quick, normal, slow, lingering; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many photos beyond the ones on screen to send to the browser for the rotation to draw from — the bigger this is, the longer the gallery goes before a visitor sees a repeat. Retired photos go back to the end of the queue, so it cycles the whole reserve and then starts over. Cheap to raise: a reserved photo is a few URLs, well under 100 bytes once the page is compressed, and its image file is only fetched when it is about to appear. 0 to 500.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of GalleryPreviewWidgetGalleryFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show GalleryPreviewWidgetGalleryFontOverridesItem
Show GalleryPreviewWidgetGalleryFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of GalleryPreviewWidgetGalleryFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show GalleryPreviewWidgetGalleryFontOverridesItemUploadsItem
Show GalleryPreviewWidgetGalleryFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show GalleryFullWidget
Show GalleryFullWidget
A
gallery-full widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
gallery-full. One of gallery-full; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the photos.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Header alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Album: a curated set you pick and order by hand — best for a designed page. Folder: automatically shows every image filed in a media-library folder (newest first) — best for bulk collections you organize in the media manager. Feed: a set that refreshes itself on a schedule from an external photo store, so the gallery shows different photos over time. One of album, folder, feed; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The Photo Album to display. Create and fill albums in the Photo Albums manager. The related photo-album documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. The media-library folder to display. Every image filed in it (and its subfolders, if enabled) is shown, newest first. The related image-folder documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Also show images filed in folders inside the selected folder.Sometimes sent:
undefined when the site leaves it out. The Photo Feed to display. This gallery stays pointed at the feed while the feed replaces its photos on its own schedule. Create and configure feeds in the Photo Feeds manager. The related photo-feed documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out, and it can be null. The most photos to show. 0 (default) shows everything in the selected source (folder photos are newest-first). 0 to 200.Sometimes sent:
undefined when the site leaves it out, and it can be null. Mosaic Photo Wall: an edge-to-edge wall where rows are scaled to a common height (like Flickr / Google Photos), cropped around each photo’s focal point — the richest option. Masonry: a staggered grid that hugs each photo’s shape. Grid: a tidy, uniform grid. Spotlight: every group of eight opens on an oversized lead photo, sides alternating on wide screens. Shaped Tiles: a portrait grid whose tiles cycle through slab, arch and orb shapes. Scrolling Banner: one edge-to-edge row that drifts sideways forever, so a long album reads as a ribbon of photos rather than a block — the option for a band between two sections rather than a gallery page. Panorama Wall: several rows, far wider than the screen, traveling sideways at slightly different speeds — and the visitor can push it along or against with a drag or a trackpad swipe. Vertical Ribbon: a band of columns running down the page instead of across it, neighboring columns traveling opposite ways, so the section reads as a moving curtain of photographs. One of justified, masonry, grid, spotlight, shaped, banner, panorama, ribbon; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many tiles per row (grid, shaped tiles) or columns (masonry). Auto fits as many as comfortably fit. (The Mosaic Photo Wall sets its own row layout; Spotlight sets its own pattern.) One of auto, 2, 3, 4, 5; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The target height of each row in the Mosaic Photo Wall. Taller rows show fewer, bigger photos per row. One of compact, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How tall the moving row stands. Each photo keeps its own shape, so a taller banner shows wider photos and fewer of them at once. One of short, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the row drifts. It also surges briefly with the page’s own scrolling, then settles back — so the band reacts to the visitor instead of ignoring them. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Banner direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Fades the row out at both ends so photos scroll in and out instead of being cut off by a hard edge.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many rows of photos the wall is dealt across. Photos go into the rows in turn, so consecutive shots land in different rows rather than stacking up together. Deep walls want a big set — a row needs at least three photos of its own, so a small album quietly uses fewer, fuller rows than you pick here. One of 2, 3, 4, 5, 6, 7, 8; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How tall each row stands, so the wall’s total depth is this times the number of rows — an eight-row Tall panorama fills a screen and then some. Each photo keeps its own shape, so taller rows show wider photos and fewer of them. One of short, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the wall travels. Each row takes a slightly different share of this, so the rows shear gently against each other and the block reads as depth rather than as one sliding sheet. It also surges briefly with the page’s own scrolling, then settles back. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Travel direction. One of left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Dragging the wall (or swiping sideways on a trackpad or phone) pushes it along or against its travel, and it glides back into its own pace when let go. Vertical scrolling always still scrolls the page. Needs site animations on in Site design → Motion.Sometimes sent:
undefined when the site leaves it out. Fades the rows out at both ends so photos travel in and out instead of being cut off by a hard edge.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many columns of photos the band is dealt across. Photos go into the columns in turn, so consecutive shots land in different columns rather than stacking up together. Narrow screens show fewer columns than you pick here (two on a phone, three on a tablet) — because photos in a 50-pixel sliver are not photos. A column needs at least three photos of its own, so a small album quietly uses fewer, fuller columns. One of 2, 3, 4, 5, 6; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How tall the band stands — the window the columns travel through, not the columns themselves, which are always far taller than it. Each photo keeps its own shape and fills its column’s width, so the columns show more photos at once the taller the band is. One of short, normal, tall; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How fast the columns travel. Each takes a slightly different share of this, so the band reads as a weave rather than as one sheet sliding. Slower than the sideways layouts at every setting on purpose: this moves along the same axis the visitor scrolls in, where the same speed feels far more urgent. It also surges briefly with the page’s own scrolling, then settles back. One of slow, normal, fast; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which way the first column travels. With alternating columns on (below), its neighbors go the other way. One of up, down; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Send neighboring columns opposite ways, which is what makes the band read as a weave. Turn it off and the whole band travels one way together — quieter, and closer to a conventional scrolling wall.Sometimes sent:
undefined when the site leaves it out. Fades the columns out at the top and bottom so photos travel in and out instead of being cut off by a hard edge.Sometimes sent:
undefined when the site leaves it out. For albums where every photo is the same shape (e.g. all square): assign each tile a varied shape (cropped around its focal point, never cutting the subject) so the wall still reads as an organic mosaic. Leave off when your photos already vary.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between tiles. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of none, slight, rounded; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The tile surface. Raised floats each photo on a soft shadow (default); Plain is a clean edge-to-edge wall; Luxe / Outline / Poster frame it; Ticket / Bracket / Forge / Press add graphic structure. The photo fills the tile, so fill-based looks (Tint, Inlay) read as their frame + elevation. On the Shaped Tiles layout the structural looks (Ticket / Bracket / Forge / Press) fall back to their plain surface — their rectangular marks can’t follow an arch or orb. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a tile does on hover, on top of the surface above. Glow (default) / Lift read best on photo tiles; Press collapses a Poster offset; Tilt, Magnetic and Spotlight follow the cursor (need site animations on). This is on top of the image zoom. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Overlay each photo’s alt text on hover. Off by default (a clean photo wall). The caption always shows in the lightbox.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Caption weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Clicking a photo opens it full-size in an on-site lightbox (with previous / next). Turn off for a purely decorative wall that doesn’t enlarge.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — color of the hover wash / glow. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. A very slow pan-and-zoom on every photo, each tile on its own rhythm, so the wall stays quietly alive instead of holding perfectly still. Off by default: a still gallery costs nothing to keep on screen, and this runs continuously for as long as the page is open. Turn it on if you also switch on “Rotate photos automatically” below — a photo changing on a wall that is otherwise frozen reads as a glitch. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of off, subtle, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Sets every photo at its own depth: as the page scrolls, some slide with it and some against it, so the wall has layers instead of being one flat plane. It only moves while the visitor scrolls — nothing happens when the page is still. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of off, subtle, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Every so often two photos trade places on the wall, gliding past each other into their new squares. Nothing resizes and nothing else on the wall moves — the grid’s squares are identical, so the photos simply swap seats. It holds still while a visitor’s pointer or keyboard is anywhere in the gallery, so nothing ever moves out from under a click. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion. One of off, calm, steady, lively; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Two photos swap with each other; three or more pass their seats along in a ring, so more of the wall is moving at once. Higher numbers read as the wall dealing itself a new hand rather than as two photos changing places. 2 to 6.Sometimes sent:
undefined when the site leaves it out. Photos fade out a few at a time and are replaced from the rest of the source, so the gallery keeps changing while a visitor watches. Needs more photos in the source than are on screen — set “Maximum photos” above to less than the source holds. Set “Ambient drift” above to Subtle as well: a photo changing on a wall that is otherwise perfectly still reads as a glitch rather than as movement. Skipped for visitors who ask for reduced motion, and when site animations are off in Site design → Motion.Sometimes sent:
undefined when the site leaves it out, and it can be null. Cross-fade: the next photo dissolves over the old one as it eases in — the quietest change. Fade through a color: the tile also dips towards a flat color while the photos dissolve, so it reads as “phasing out” without ever going blank. Slide in: the next photo travels in over the old one, which drifts the same way behind it. Zoom through: the next photo settles out of a slight enlargement. Soften through: the photo blurs out of focus and the next one comes back into it. Wipe across: a clean edge travels over the tile, leaving the next photo behind it. Turn over: the tile turns like a card and comes back showing the next photo — the boldest of the seven. One of cross, veil, push, scale, blur, wipe, turn; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scattered spreads the changes over the whole wall, never twice in the same corner and never the same tile twice in a row. The other three move through the wall in a set direction, so the changes read as one gesture crossing the gallery rather than as separate events. One of scatter, wave, columns, rows; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to dip through the page background, which suits both themes. Set white for a brighter bloom, or the brand accent for a bolder pulse. The dip never reaches full strength, so the photo always shows through.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The gap between one group of changes and the next. The real timing is deliberately uneven around this figure so the wall never feels metronomic. One of calm, steady, lively, rapid; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many tiles change per group. They never start on the same frame — each one follows the one before it by a beat, so a group reads as a ripple rather than a blink. 1 is the calmest; higher numbers keep more of the wall in motion. 1 to 6.Sometimes sent:
undefined when the site leaves it out, and it can be null. The length of one change, from the old photo to the new. Longer reads as a gentle phase; shorter as a snap — and short changes are the ones that read as choppy, so lean long. One of quick, normal, slow, lingering; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many photos beyond the ones on screen to send to the browser for the rotation to draw from — the bigger this is, the longer the gallery goes before a visitor sees a repeat. Retired photos go back to the end of the queue, so it cycles the whole reserve and then starts over. Cheap to raise: a reserved photo is a few URLs, well under 100 bytes once the page is compressed, and its image file is only fetched when it is about to appear. 0 to 500.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of GalleryFullWidgetGalleryFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show GalleryFullWidgetGalleryFontOverridesItem
Show GalleryFullWidgetGalleryFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of GalleryFullWidgetGalleryFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show GalleryFullWidgetGalleryFontOverridesItemUploadsItem
Show GalleryFullWidgetGalleryFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show PricingWidget
Show PricingWidget
A
pricing widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
pricing. One of pricing; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small label above the heading (e.g. “Pricing”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional. Leave empty to show just the cards.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Intro size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto fits as many as comfortably fit and works for any number of cards. Or lock a maximum per row. One of auto, 2, 3, 4; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Gap between cards. One of tight, normal, roomy; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The base treatment for every tier (a highlighted tier always gets its own bold framed look). Raised is a quiet lit card; Luxe a frosted glass panel; Outline a plaque frame; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Aligns the section header and the text inside each card. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Stretch every card to the tallest one and pin each button to the bottom, so the cards line up even with uneven feature lists.Sometimes sent:
undefined when the site leaves it out. A check (included) or cross (not included) before each feature. Off = a plain list.Sometimes sent:
undefined when the site leaves it out, and it can be null. How a card reacts to the pointer. Rise floats it up on an accent underglow; Selection ring previews the highlighted look + tints the price; Spotlight washes accent light over the price; Checklist lights up the ✓ marks one-by-one; Tilt is a 3-D parallax that only runs when site animations are on. One of none, rise, ring, spotlight, checklist, tilt; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Border / glow / spotlight / checkmark color on hover. Leave empty to use the highlight accent (then the site accent).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. How the cards animate in as they scroll into view. Featured-led makes the highlighted tier settle last with a little emphasis (draws the eye to the recommended plan); Simple stagger fades them in evenly. Only plays when site animations are on (Site design → Motion) — otherwise the cards are simply shown. One of featured, stagger, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size of each card’s name / title. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size of the price amount (the period and price note scale with it). One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size of each card’s description blurb. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size of the feature list text (notes and check marks scale with it). One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Ribbon text shown on a highlighted tier that doesn’t set its own badge. Each tier can override it (or badge a non-highlighted tier) below. Leave empty for no automatic badge.Sometimes sent:
undefined when the site leaves it out, and it can be null. Color for the highlighted tier’s border + ring and each tier’s badge. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme accent.Sometimes sent:
undefined when the site leaves it out. A list of PricingWidgetPricingTiersItem. Each card is one tier / package / service. Toggle “Highlight” on the one you want to stand out.Show PricingWidgetPricingTiersItem
Show PricingWidgetPricingTiersItem
Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Relative to the component’s base icon size. One of default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Breathing room below the icon, before the card name. One of none, small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A small ribbon on the card, e.g. “Best value”, “Limited spots”. Overrides the default highlight badge for this tier; works on any tier, highlighted or not. Empty on a highlighted tier falls back to the section’s “Default highlight badge”.Sometimes sent:
undefined when the site leaves it out. Emphasize this tier — accent border + ring, a subtle lift, and the Featured button look.Sometimes sent:
undefined when the site leaves it out, and it can be null. How this card’s text lines up. Normal = the section default (a centered section keeps the feature list left-aligned, as now). Center also centers the feature list; Left / Right align everything that way. One of normal, left, center, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Free text, so it fits any model — “$45", "From $200”, “Custom”, “Call for quote”.Sometimes sent:
undefined when the site leaves it out. Shown after the price, e.g. ”/ month”, “per night”, “per session”. Leave empty for a flat price.Sometimes sent:
undefined when the site leaves it out. A small line under the price, e.g. “per seat”, “billed annually”, ”+ tax”.Sometimes sent:
undefined when the site leaves it out. A list of PricingWidgetPricingTiersItemFeaturesItem. The bullet list of what’s included.Show PricingWidgetPricingTiersItemFeaturesItem
Show PricingWidgetPricingTiersItemFeaturesItem
Sometimes sent:
undefined when the site leaves it out. On = a check mark; off = a crossed-out / muted line (e.g. a feature this tier lacks).Sometimes sent:
undefined when the site leaves it out. A small qualifier shown after the feature, e.g. “up to 5”, “add-on”.Sometimes sent:
undefined when the site leaves it out. This card’s button text. Leave empty to use the shared button label (set in the Pricing · Buttons tab); clear it everywhere to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/contact-us) or full URL. Leave empty to inherit the shared button link.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of PricingWidgetPricingFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show PricingWidgetPricingFontOverridesItem
Show PricingWidgetPricingFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of PricingWidgetPricingFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PricingWidgetPricingFontOverridesItemUploadsItem
Show PricingWidgetPricingFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show NewsletterWidget
Show NewsletterWidget
A
newsletter widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
newsletter. One of newsletter; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The Form (Forms manager) that receives these submissions and routes them — configure its destinations on the form’s Actions tab. Create one if you have not yet. The related @apostrophecms/form documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Plain sits on the page; Raised is a contained card; Accent is a solid brand-color band. One of plain, raised, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The accent band color. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Inline puts the field + button on one row (stacks on small screens); Stacked always stacks them. One of inline, stacked; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Content width. One of narrow, normal, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional opt-in checkbox (e.g. for GDPR-style explicit consent).Sometimes sent:
undefined when the site leaves it out. A small line under the form, e.g. an unsubscribe note.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of NewsletterWidgetNewsletterFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show NewsletterWidgetNewsletterFontOverridesItem
Show NewsletterWidgetNewsletterFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of NewsletterWidgetNewsletterFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show NewsletterWidgetNewsletterFontOverridesItemUploadsItem
Show NewsletterWidgetNewsletterFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show SmsSignupWidget
Show SmsSignupWidget
A
sms-signup widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
sms-signup. One of sms-signup; a newer site may send others, so keep a fallback.Always sent. Shown beside a required checkbox; the form shows only once this is filled in. Be specific about what they are agreeing to. The brand name is added automatically from Site settings.
Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The Form (Forms manager) that receives these SMS opt-ins and routes them — configure its destinations on the form’s Actions tab. The related @apostrophecms/form documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Plain sits on the page; Raised is a contained card; Accent is a solid brand-color band. One of plain, raised, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The accent band color. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Inline puts the field + button on one row (stacks on small screens); Stacked always stacks them. One of inline, stacked; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Content width. One of narrow, normal, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Carrier-compliance fine print shown under the form.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of SmsSignupWidgetSmsSignupFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show SmsSignupWidgetSmsSignupFontOverridesItem
Show SmsSignupWidgetSmsSignupFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of SmsSignupWidgetSmsSignupFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show SmsSignupWidgetSmsSignupFontOverridesItemUploadsItem
Show SmsSignupWidgetSmsSignupFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FormRenderWidget
Show FormRenderWidget
A
form-render widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
form-render. One of form-render; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The form to show here. Build and edit the form itself in the Forms manager (create one there first if needed). The related @apostrophecms/form documents, in order (empty when none). To set it, send a list of { "_id": "…" }, one per document (one at most); a document the site can’t find is left out. At most 1 items.Sometimes sent:
undefined when the site leaves it out. Off: the form renders with the styling saved on the form itself. On: the styling below replaces it here only — the form’s fields and other placements are unaffected.Sometimes sent:
undefined when the site leaves it out. A list of FormRenderWidgetFormFontOverridesItem. Optional. Set part of this form in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FormRenderWidgetFormFontOverridesItem
Show FormRenderWidgetFormFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of FormRenderWidgetFormFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FormRenderWidgetFormFontOverridesItemUploadsItem
Show FormRenderWidgetFormFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to track the theme text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Optional short sentence under the heading.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the muted text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Size. One of small, normal, large, xlarge, xxlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Plain sits on the page; Raised is a contained card; Accent is a solid brand-color band. One of plain, raised, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The accent band color. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Alignment of the section header (the form fields stay left-aligned for legibility). One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Content width. One of narrow, normal, wide; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vertical space between each field’s label and its input. One of compact, normal, roomy, spacious; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Show FinalCtaWidget
Show FinalCtaWidget
A
final-cta widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
final-cta. One of final-cta; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Content alignment. One of center, left; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the eyebrow + its dash. Leave empty to use the secondary (mint) color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the mint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Eyebrow size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. An optional Font Awesome icon above the headline. One of none, top; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Relative to the component’s base icon size. One of default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A slight rotation for a more playful look. One of none, left, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the headline color. Leave empty for the on-accent (legible-on-band) default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the on-accent default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Headline weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the supporting-copy color. Leave empty for the softened on-accent default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the softened on-accent default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body weight. One of normal, medium, semibold, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid keeps the loud color block; Image places a photo behind the text with a readability overlay. One of solid, image; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The solid band color (and the fallback behind a background image). Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out. An ImageArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Scrim over the image to keep the text readable. Leave empty to use the accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme overlay, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Overlay opacity (%). 0 to 100.Sometimes sent:
undefined when the site leaves it out. The two large outlined circles on the band.Sometimes sent:
undefined when the site leaves it out, and it can be null. Drawn at a low opacity. Leave empty to use the on-accent (white-ish) default.Sometimes sent:
undefined when the site leaves it out. A list of FinalCtaWidgetCtaFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show FinalCtaWidgetCtaFontOverridesItem
Show FinalCtaWidgetCtaFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of FinalCtaWidgetCtaFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show FinalCtaWidgetCtaFontOverridesItemUploadsItem
Show FinalCtaWidgetCtaFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out. Where the button goes — a path (/blog) or full URL.Sometimes sent:
undefined when the site leaves it out. Opens the link in a new browser tab (adds rel=“noopener noreferrer”).Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Relative to the component’s base icon size. One of default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Shown under the icon while this page has no content. Leave empty for a tasteful default line.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Color of the ”← back” link at the top of every post. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Back link weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Back link size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A SectionsArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with page-header. Its fields are listed under the first SectionsArea above.Sometimes sent:
undefined when the site leaves it out. A BlogListArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with blog-list.Show BlogListArea
Show BlogListArea
Sometimes sent:
undefined when the site leaves it out. Always area. One of area; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The area’s id, set by the site: leave it out when you write one.Sometimes sent:
undefined when the site leaves it out. A list of BlogListWidget. The widgets, top to bottom. Each is an object with its type and that widget’s own fields; _id and metaType may be left out (the site sets them). At most 1 items.Show BlogListWidget
Show BlogListWidget
A
blog-list widget: its type and its own fields. A field left out takes its default.Always sent. The widget’s type: always
blog-list. One of blog-list; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. The widget’s id, unique on the page. Leave it out for a new widget (the site sets one); keep it to change a widget that is there.Sometimes sent:
undefined when the site leaves it out. Always widget. One of widget; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How posts are arranged. One of card, list, compact, featured, masonry; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Applies to the Card grid and Masonry layouts. One of auto, 2, 3; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How posts animate in as they scroll into view. Only plays when site animations are on (Site design → Motion) — otherwise the posts are simply shown. In the Featured + grid layout the banner rises first, then the grid staggers in. One of stagger, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Aspect ratio of the featured image. Choose “Hidden” for text-only cards. One of 16/10, 4/3, 3/2, 1/1, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Image hover. One of zoom, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Use the featured image as the full card background, with the title and meta overlaid on a dark scrim. Posts with no image fall back to a normal card.Sometimes sent:
undefined when the site leaves it out, and it can be null. The card surface. Raised is a quiet lit card; Luxe a frosted glass panel; Outline a plaque frame; Spine adds a color rail; Tint an accent wash; Ticket/Bracket/Forge/Press/Inlay are the graphic showstoppers. (On image-led cards the photo covers the top edge.) One of raised, luxe, outline, plain, poster, edge, tint, ticket, bracket, forge, press, inlay; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner rounding for each card. Default keeps the widget’s own tuned corners — except Forge, which defaults to tight machined corners matching its engraved frame. One of default, square, slight, rounded, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Colors the Spine rail, Bracket marks, Forge corner/frame and Press margin rule. Leave empty to use the brand accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the Forge plate wears its color: a single corner mark (the machinist’s datum, default) or the whole engraved frame. One of corner, frame; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Thickness of the Forge corner mark / colored frame. One of fine, medium, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. What a card does on hover. Lift/Pop/Press/Glow/Outline are instant; Sheen sweeps a light across; Tilt (3-D + glare), Magnetic and Spotlight follow the cursor (need site animations on). The Hover color below tints these. One of none, lift, pop, press, glow, border, sheen, tilt, magnetic, spotlight; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Border / shadow / glow color on hover. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. How the category badge uses its color (set per category under Blog Categories). Filled = colored background; Outline = colored border + text; Minimal = colored text only. One of filled, outline, minimal; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. How many lines of the excerpt to show before truncating. One of 2, 3, 4, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Auto puts it on the right of horizontal cards (list / compact / featured) and below the text on grid cards. Or force one placement everywhere. One of auto, below, right; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the “Read post” link color. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Color of the “Read post” link when the card is hovered. Leave empty to use the accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the card title color. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Title weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Title color when the card is hovered. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides the excerpt text color. Leave empty for the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the muted default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Excerpt weight. One of normal, medium, semibold, bold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Date / meta line color. Leave empty for the faint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the faint default.Sometimes sent:
undefined when the site leaves it out, and it can be null. The section’s full-width background band in dark mode. Transparent lets the page background show through. The palette options track the site colors; choose “Custom color…” for a specific color. One of transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (dark theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out, and it can be null. “Match dark theme” reuses the dark-theme choice; otherwise set the light-mode band independently. One of inherit, transparent, surface, raised, sunken, hill, accent-soft, custom; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Used when “Section background (light theme)” is set to Custom color.Sometimes sent:
undefined when the site leaves it out. A list of BlogListWidgetBlogFontOverridesItem. Optional. Set part of this section in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). At most 4 items.Show BlogListWidgetBlogFontOverridesItem
Show BlogListWidgetBlogFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of BlogListWidgetBlogFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show BlogListWidgetBlogFontOverridesItemUploadsItem
Show BlogListWidgetBlogFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. A CustomCSS. CSS for this one section, typed into the slot of the part it styles. It wins over Site design → Custom CSS. Nested rules like &:hover, @media (width >= 48rem) and [data-theme=“light”] & work inside a slot. Its fields are listed under the first CustomCSS above.Sometimes sent:
undefined when the site leaves it out. A SectionsArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first SectionsArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of PagePostFontOverridesItem. Optional. Set part of every post in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). An individual post can replace this on its own Fonts tab. At most 4 items.Show PagePostFontOverridesItem
Show PagePostFontOverridesItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Which text this typeface replaces. Rows apply in order, so a broad row (Everything) followed by a narrow one (Headings) gives the section a base face plus an exception. One of all, heading, body, eyebrow, button, code; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where the typeface comes from. The first option costs nothing extra — those faces are already loaded. The others load an additional font on pages that use this section. One of slot, curated, cdn, upload; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Set in Site design → Typography. Following the site’s own faces keeps a section on-brand and adds no download. One of display, body, accent; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Vetted families from Bunny Fonts and Fontshare, with their available weights already verified. One of archivo, bricolage-grotesque, clash-display, courier-prime, dm-mono, dm-sans, fira-code, fraunces, general-sans, ibm-plex-mono, ibm-plex-sans, inconsolata, inter, jetbrains-mono, karla, lora, manrope, nunito-sans, outfit, playfair-display, public-sans, red-hat-mono, satoshi, sentient, sora, source-code-pro, source-sans-3, source-serif-4, space-grotesk, space-mono, spline-sans-mono, supreme, switzer, syne, ubuntu-mono, unbounded, victor-mono, work-sans, zodiak; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Where to browse for the family. Pick one, then follow the link below to find the exact name. One of bunny, fontshare; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. Exactly as the provider’s catalog spells it, e.g. “Space Grotesk” or “Clash Display”. A name the provider doesn’t have loads nothing and this row is ignored.Sometimes sent:
undefined when the site leaves it out. Comma-separated weights to load, e.g. 400, 700. Empty loads 400, 500, 700. Weights the family doesn’t ship are skipped by the CDN and synthesized by the browser (faux bold) — but a family that ships only ONE weight (Acme, for instance) loads nothing at all unless that weight is among these, so set it explicitly if the typeface doesn’t appear.Sometimes sent:
undefined when the site leaves it out. A list of PagePostFontOverridesItemUploadsItem. One file per weight/style of the SAME typeface. woff2 strongly recommended (smallest, universally supported); woff/ttf/otf also accepted. At most 4 items.Show PagePostFontOverridesItemUploadsItem
Show PagePostFontOverridesItemUploadsItem
Sometimes sent:
undefined when the site leaves it out, and it can be null. Weight. One of 100, 200, 300, 400, 500, 600, 700, 800, 900; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Style. One of normal, italic; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Generic system font shown while this typeface loads (and if it fails). Curated picks set this automatically. One of sans, serif, mono; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body text weight. One of normal, medium, semibold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Reading measure — how wide the article column gets. Posts that contain section widgets open to Full width automatically so the widgets have room. One of narrow, normal, wide, xwide, full; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Line height. One of tight, normal, relaxed; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Links, the blockquote rule, and heading accents. Leave empty to use the site link color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the link color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides in-article heading color. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. A PostCustomCSS. CSS for every blog post’s page: the title band, the article and its parts. It wins over Site design → Custom CSS → Blog post.Show PostCustomCSS
Show PostCustomCSS
Sometimes sent:
undefined when the site leaves it out. The CSS typed into each part slot, by slot name.Sometimes sent:
undefined when the site leaves it out. The compiled CSS (read only: rebuilt from slots).Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of Page. Its child pages, each with its own _children where the request asked for more levels. Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Full URL to the page. Format: an absolute URL.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether current user can edit this page.Sometimes sent:
undefined when the site leaves it out, and it can be null. Whether current user can publish this page.Sometimes sent:
undefined when the site leaves it out, and it can be null. The _id of the piece/page that was copied to create this document (only present if created via _copyingId)Sometimes sent:
undefined when the site leaves it out. A Page. A page: the fields every page has, and each page type’s own (type says which page type it is; a field belongs only to the page types that define it). Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out. A Page. A page: the fields every page has, and each page type’s own (type says which page type it is; a field belongs only to the page types that define it). Its fields are listed under the first Page above.Sometimes sent:
undefined when the site leaves it out, and it can be null. The draft’s preview share key, while its share link is on: the link is the draft’s _url with aposShareKey and aposShareId (the draft’s _id) in its query. Absent otherwise, and on published documents.Sometimes sent:
undefined when the site leaves it out, and it can be null. An ISO 8601 date and time, e.g. 2026-10-21T14:30:00.000Z.Sometimes sent:
undefined when the site leaves it out, and it can be null. An ISO 8601 date and time, e.g. 2026-10-21T14:30:00.000Z.Sometimes sent:
undefined when the site leaves it out, and it can be null. Overrides the document title in the browser tab and search results. Leave blank to use the regular title.Sometimes sent:
undefined when the site leaves it out, and it can be null. Shown in search results and link previews. Aim for 150–160 characters.Sometimes sent:
undefined when the site leaves it out. An ImageArea. Used for Open Graph / social link previews. Recommended 1200×630. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first ImageArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of PagePageFontOverridesItem. Optional. Set part of this page in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). Individual sections can still override this for themselves. At most 4 items. Its fields are listed under the first PagePageFontOverridesItem above.Sometimes sent:
undefined when the site leaves it out, and it can be null. The ribbon of phrases scrolling across the top of the footer. Its phrases and the site-wide default are set in Site design → Footer: Marquee. One of inherit, on, off; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A SectionsArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with page-header. Its fields are listed under the first SectionsArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional — leave empty to use the design’s own color rhythm.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon animation. One of none, fa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, fa-spin; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Relative to the component’s base icon size. One of default, sm, lg, xl, 2xl, 2x, 3x, 4x, 5x; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Shown under the icon while this page has no content. Leave empty for a tasteful default line.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Color of the ”← back” link at the top of every post. Leave empty to use the site accent color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the accent.Sometimes sent:
undefined when the site leaves it out, and it can be null. Back link weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Back link size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out. A SectionsArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with page-header. Its fields are listed under the first SectionsArea above.Sometimes sent:
undefined when the site leaves it out. A BlogListArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. A new document starts with blog-list. Its fields are listed under the first BlogListArea above.Sometimes sent:
undefined when the site leaves it out. A SectionsArea. Widgets, top to bottom: send { "items": [ … ] }, one object per widget with its type. Writing it replaces the whole area. Its fields are listed under the first SectionsArea above.Sometimes sent:
undefined when the site leaves it out, and it can be null. The visible button text. Leave empty to hide the button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fills with the color; Outline / Soft / Text link use it for the border + text. One of solid, outline, soft, link; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Button size. One of small, normal, large; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Corner radius. One of pill, rounded, slight, square; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Solid fill, or the border + text for the other styles. Defaults to the brand accent; CLEAR it for a transparent, outline-only button.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color. (Brand tokens already flip per theme.)Sometimes sent:
undefined when the site leaves it out, and it can be null. The text/icon color. Clear it to derive from the button color (readable on solid fills).Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme label color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Drives the hover treatment. Leave empty to derive it from the button color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme hover color.Sometimes sent:
undefined when the site leaves it out, and it can be null. The hover treatment: a soft shadow, a colored offset shadow, a glow, a fill sweep, or a thicker border. One of none, single, dual, glow, sweep, thicken; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. The offset-shadow or glow color on hover. Leave empty to use the site secondary color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme shadow color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Hover motion. One of lift, scale, lift-scale, none; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Any Font Awesome icon name, e.g. star, bolt, arrow-left-to-bracket (no “fa-” prefix). Browse at fontawesome.com/icons.Sometimes sent:
undefined when the site leaves it out, and it can be null. Icon family. One of classic-regular, duotone-regular, brands, jelly, jelly-duo, whiteboard; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Which side of the label the icon sits on (when an icon name is set). One of before, after; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. The icon slides toward its side on hover (e.g. an arrow edges outward).Sometimes sent:
undefined when the site leaves it out, and it can be null. A list of PagePostFontOverridesItem. Optional. Set part of every post in a different typeface. Leave empty to follow the site’s fonts (Site design → Typography). An individual post can replace this on its own Fonts tab. At most 4 items. Its fields are listed under the first PagePostFontOverridesItem above.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body text size. One of small, normal, large, xlarge; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Body text weight. One of normal, medium, semibold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Reading measure — how wide the article column gets. Posts that contain section widgets open to Full width automatically so the widgets have room. One of narrow, normal, wide, xwide, full; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Line height. One of tight, normal, relaxed; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Links, the blockquote rule, and heading accents. Leave empty to use the site link color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the link color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Heading weight. One of normal, medium, semibold, bold, extrabold; a newer site may send others, so keep a fallback.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional. Overrides in-article heading color. Leave empty to track the theme’s text color.Sometimes sent:
undefined when the site leaves it out, and it can be null. Optional light-theme override. Falls back to the dark-theme color, then the theme default.Sometimes sent:
undefined when the site leaves it out, and it can be null. A PostCustomCSS. CSS for every blog post’s page: the title band, the article and its parts. It wins over Site design → Custom CSS → Blog post. Its fields are listed under the first PostCustomCSS above.Errors
Errors
Nothing to catch: the SDK retries what is safe, and throws the rest as the classes below. Your exception handler turns them into your app’s own answers, once for every call (see Map SDK errors to responses); catch only what you want to react to here.
The site refused what was sent:
errors lists each field’s problem, siteMessage the first.Retried first: No. Read: errors (field → messages), siteMessage.The API key is missing or refused (malformed, revoked, expired), or a signature its signing mode needs is missing or stale.Retried first: No. Read:
siteMessage, errorName, data.The key may not do this: a scope it lacks, or an address outside its allowlist.
siteMessage names it.Retried first: No. Read: siteMessage, errorName, data.Nothing matches, or the caller may not see it.Retried first: No. Read:
siteMessage, errorName, data.The site failed. Its logs say why.Retried first: No: a write may have landed. Read:
siteMessage, errorName, data.No answer: DNS, a refused connection, TLS, or the timeout (15 s per attempt by default).Retried first: Only when nothing reached the site (
neverConnected()); never after a timeout, when it may have landed. Read: reason, neverConnected.The client refused to send it (e.g. a path segment of
..); the site never saw it.Retried first: No. Read: reason (what to change).Any other status, or a success whose JSON doesn’t match this SDK version’s types (update the SDK).Retried first: No. Read:
reason, status.sites.forSite('acme') named a slug config/attract.ts doesn’t list (with the keys in the database: no row in attract_api_keys).Retried first: No: nothing was sent. Read: message, slug.Behavior
- Access: an API key with
content:pages:write(or a master above it:content:pages:all,content:all,admin:all). In published mode (the default) it goes live too, so the key also needscontent:pages:publish(or a master above it); sendaposMode=draft(or a draft_idand noaposMode) to change only the draft. A signed-in person may call it as far as their own permissions allow; anyone else gets 403. - Rate limit: the key’s own writes-per-minute limit, set when the key is created (default 120); over it, 429 with
Retry-After. The client waits and retries for you; you seeRateLimitedonly if that runs out. - Retries: a write is sent again only after a 429 (refused before it acted) or when it never reached the site. After a timeout or a 5xx it may have landed: check before you send it again.
- Timeout: 15 s per attempt by default; raise
timeout(milliseconds) inconfig/attract.tsfor longer.
Test it
It calls the controller above with the SDK faked:fakeAttract() puts the fake in the container for this one test, and it answers every call with a valid example, so nothing leaves your machine and no key is read. Save it as tests/unit/pages_update_page.spec.ts, then run your tests:
tests/unit/pages_update_page.spec.ts
import { test } from '@japa/runner'
import app from '@adonisjs/core/services/app'
import testUtils from '@adonisjs/core/services/test_utils'
import { fakeAttract } from '@fetchski/attract-cms-adonis/testing'
import UpdatePageController from '#controllers/update_page_controller'
test('pages.updatePage', async () => {
const site = fakeAttract()
const ctx = await testUtils.createHttpContext()
ctx.params = { id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' }
const controller = await app.container.make(UpdatePageController)
await controller.handle(ctx)
site.assertCalled('pages.updatePage', (args) => args.id === 'ckitdo5oq004pu69kr6oxo6fr:en:published')
})
Terminal
node ace test
pages.updatePage with factories.Page({...}), the fields you give over a valid example.
tests/unit/pages_update_page_answers.spec.ts
import { test } from '@japa/runner'
import { factories, fakeAttract } from '@fetchski/attract-cms-adonis/testing'
test('pages.updatePage answers your values', async ({ assert }) => {
const site = fakeAttract({
'pages.updatePage': factories.Page({ id: 'Your value' }),
})
const page = await site.pages().updatePage({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' })
assert.containSubset(page, { id: 'Your value' })
})
Related
List pages
site.pages().listPages()Create a page
site.pages().createPage()Archive pages
site.pages().archivePages()Copy pages to another locale
site.pages().localizePages()Publish pages
site.pages().publishPages()Restore pages
site.pages().restorePages()PATCH /@apostrophecms/page/{_id}
The endpoint this calls, in the API reference: the HTTP request and answer, and every rule the site checks.