A unique site starts with a direction—not a generic starter.

Content · text

Headline

State the page promise in clear language a visitor can understand at a glance.

Content · text

Short context label

Use a short category or context label only when it helps the headline make sense.

Content · markdown

Supporting text

Add one concise explanation that supports the headline without repeating it.

Content · asset-picker

Hero image

Choose an image that strengthens the page promise and remains readable behind the text.

Content · action-editor

Primary action

Choose the single most important next step for this page.

Content · action-editor

Secondary action

Offer a lower-commitment alternative only when visitors genuinely need one.

Design · select

Layout

Keep the recommended centered layout for short positioning. Choose left-aligned when the copy needs a stronger reading edge.

Content · text

Article title

Use the exact public article title. Keep author, publication date, reading time, categories, and tags in the article metadata rather than rewriting them here.

Content · markdown

Article introduction

Write a concise standfirst in portable Markdown that explains why the article matters without repeating its title.

Content · asset-picker

Featured image

Choose one meaningful article image. Additional rotating media and motion timing remain advanced source options.

Content · text

Image description

Describe the image's useful meaning for people who cannot see it. Leave it empty only when the image is purely decorative.

Design · select

Article opening layout

Use Centered for most articles, Split when one portrait-oriented image should share the opening, or Stacked for a wide image before the title.

Content · text

Section heading

Name the next part of the page clearly so visitors can scan the page and understand the change in subject.

Content · text

Short context label

Add a brief category or orientation label only when it makes the heading easier to understand.

Content · markdown

Introduction

Use concise portable Markdown to introduce the section without repeating the heading or the content that follows.

Content · action-editor

Optional action

Add one action only when visitors need a direct route from this heading; use a Call to Action Section for a stronger ask.

Design · select

Heading role

Keep Section heading for normal in-page use. Choose Page heading only when this is the page's single primary heading and no Hero already supplies it.

Design · select

Alignment

Use Center for a distinct transition between page sections. Choose Left when the heading belongs to a left-aligned reading flow.

Design · select

Emphasis

Keep Large for a clear section transition. Use a smaller or extra-large scale only when the surrounding page hierarchy calls for it.

Content · text

Search heading

Name what visitors can find when the purpose is not already clear from the page heading.

Content · markdown

Search explanation

Add one concise sentence about the pages, resources, or answers included in search.

Content · text

Input prompt

Use a short prompt that helps visitors understand what they can search for without putting instructions in their query.

Design · toggle

Show result images

Keep images on when they help visitors recognize results. Turn them off for a more text-focused resource index.

Design · toggle

Show matching sub-pages

Turn this on only when matching headings or sub-pages help visitors reach the exact answer faster.

Design · select

Layout

Use Default for a full search destination or Minimal when search sits inside an already established page flow.

Content · text

Short context label

Add a short orientation label only when it helps visitors understand the choice they are making.

Content · text

Route chooser heading

Name the decision in visitor language so each route can answer it clearly.

Content · markdown

Route chooser introduction

Add concise portable Markdown when visitors need context before comparing the routes.

Content · repeater

Visitor routes

Add, remove, and reorder explicit routes. Existing Discovery Graph node selections remain supported when routes are governed centrally.

Design · select

Route presentation

Use Grid for most decisions or Compact when routes are concise and the surrounding page is dense.

Design · select

Columns

Use three columns for most sets, two for longer explanations, or four only for very concise routes.

Content · text

Section heading

Add a clear heading that defines the comparison set.

Content · repeater

Columns

Add, remove, and reorder columns. Use heading, optional value, and text for each entry.

Design · select

Display style

Use Prose for heading/text, Feature for icon-plus-heading, and Stat for value-led columns.

Design · select

Column count

Choose how many columns should render on desktop.

Design · select

Gap

Use tighter spacing for dense content and larger spacing for long blocks.

Design · select

Cross-axis alignment

Choose alignment for row content.

Design · toggle

Show dividers

Add subtle dividing rules between columns on wider layouts.

Content · text

Section heading

Use a short heading that explains what visitors are subscribing for.

Content · markdown

Supporting text

Add concise context for the action and expected communication cadence.

Content · text

Input placeholder

Keep this placeholder practical and non-technical.

Content · text

Submit button text

Use one clear action phrase.

Content · markdown

Privacy note

Explain what submitted contact data is used for and retention.

Content · url

Legacy form endpoint

Use only when managed forms are not available.

Content · managed-form-picker

Managed form

Select a configured managed form. Managed form behavior is controlled by Foundry Control.

Design · select

Layout

Use Card for compact emphasis, Banner for a larger split pattern, or Minimal for low-footprint use.

Content · text

Form heading

Name the request or next step in clear visitor-facing language.

Content · markdown

Supporting text

Add a concise explanation of what the visitor should submit and what happens next.

Content · managed-form-picker

Approved form

Choose an already configured form. Its fields, destination, validation, consent policy, and submission workflow are managed outside this page.

Content · markdown

Privacy note

Explain how submitted information will be used or link to the applicable privacy details without making unsupported promises.

Design · select

Layout

Use Narrow for most forms, Wide when the approved form needs more horizontal room, or Panel for stronger visual separation.

Content · text

Assurances heading

Name what these credentials, memberships, standards, or assurances have in common when visitors need context.

Content · markdown

Proof context

Explain the scope or limit of the displayed assurances in concise portable Markdown. Do not turn a policy, membership, or credential into a broader outcome claim.

Content · repeater

Assurances

Add only current, accurately named trust marks the organization is authorized to display, and order them by visitor relevance.

Design · select

Presentation

Use Chips for a compact assurance strip, Logos for an approved seal gallery, or List for a numbered proof ledger with context and sources.

Content · text

Short context label

Add a short category or promise only when it helps visitors understand how these highlights fit the page.

Content · text

Highlights heading

Name the shared benefit, capability, or idea that connects these parallel highlights.

Content · markdown

Highlights introduction

Add one concise Markdown introduction when visitors need context before scanning the individual highlights.

Content · repeater

Highlights

Add, remove, and reorder distinct highlights. Keep them parallel in meaning and similar in depth so the set remains easy to scan.

Design · select

Highlight style

Use Cards for most sets, Plain for a lighter reading flow, or Linked cards when the highlights are genuine navigation choices.

Design · select

Columns

Use three columns for most concise sets. Choose two for longer explanations or four only for very short highlights.

Content · text

Story heading

Name the idea or benefit this story beat should explain. Keep it specific and easy to scan.

Content · text

Short context label

Add a short category or sequence label only when it helps visitors understand where this story beat fits.

Content · markdown

Story

Write one focused explanation. Use simple Markdown for emphasis or links, and move long-form material to the page body.

Content · asset-picker

Story image

Choose an image that adds meaning rather than repeating the text, then describe its useful meaning in Image description.

Content · text

Image description

Describe the image's useful meaning for people who cannot see it. Leave it empty only when the image is purely decorative.

Content · text

Image caption

Add a short caption only when the image needs context, attribution, or explanation.

Content · action-editor

Primary action

Offer one clear next step when this story beat should lead visitors somewhere specific.

Content · action-editor

Secondary action

Add a second, lower-commitment path only when it helps visitors make a real choice.

Design · select

Story layout

Use Split for most stories, Editorial for a roomier content-led rhythm, or Feature panel for a more prominent framed presentation.

Design · select

Image side

Keep the image on the left unless alternating story beats or the image composition reads better on the right.

Design · select

Image shape

Choose the crop that suits the image. Landscape is the safest default; square, portrait, and wide are intentional alternatives.

Content · asset-picker

Image

Choose one high-quality image that creates a meaningful visual pause. Video remains an advanced source option with separate performance and motion review.

Content · text

Image description

Describe the image's useful meaning. If the image is purely decorative, use an empty description only through an accessibility-reviewed source change.

Content · text

Short context label

Add a brief label only when overlay copy needs orientation.

Content · text

Visual beat heading

Use a short expressive heading only when the image needs a deliberate narrative beat.

Content · markdown

Visual beat text

Add concise portable Markdown; keep the image dominant and move long explanation to an editorial Section.

Content · action-editor

Optional action

Add one action only when the visual beat should lead to a clear next step.

Content · markdown

Caption

Add concise context that helps visitors interpret the image.

Content · markdown

Credit

Add the required creator, source, or rights credit exactly as approved.

Design · select

Media behavior

Use Parallax for a deliberate slow visual beat, Fixed only for reviewed desktop imagery, or Still for the quietest and lightest treatment. Reduced-motion visitors always receive a still-safe result.

Design · select

Text contrast

Use Medium for most overlay copy, Strong for busy images, Light for quiet dark imagery, or None only when contrast has been verified.

Design · select

Copy alignment

Use Left for most reading flows, Center for a deliberate pause, or Right only when the image composition leaves safe space there.

Content · text

Eyebrow

Short context label shown above the story title and chapters.

Content · text

Story title

Optional section heading for the pinned story intro.

Content · markdown

Story introduction

Add concise introductory copy that frames the chapter sequence.

Content · action-editor

Primary action

Optional action tied to the intro section.

Content · action-editor

Secondary action

Optional secondary intro action.

Content · repeater

Pinned chapters

Add chapters in sequence. Each chapter can override media fit, position, ratio, portrait behavior, and motion settings.

Design · select

Media fit

Use Cover for photography or Contain when the full diagram, illustration, or information graphic must remain visible.

Design · image-position

Media focal position

Use the normalized image-position contract to keep the important subject or detail visible.

Design · select

Portrait-flow media ratio

Choose the relative frame used when a portrait viewport changes the chapter into an image-then-content flow.

Design · select

Portrait behavior

Keep Pinned for photo-led stories or use Flow to render a normal image-then-content sequence in portrait orientation.

Content · text

Eyebrow

Use a short context label when this feed should announce a specific decision or audience.

Content · text

Heading

Name the feed topic briefly so visitors know what this list covers.

Content · markdown

Introduction

Add one concise sentence about scope or constraints before the content list appears.

Content · content-query

Content selection

Choose which content this feed lists. Leave filters empty to include all eligible content.

Content · editorial-selection

Editorial selection

Choose curated, query, relevant, or hybrid story selection. Hybrid keeps explicit choices first and fills remaining positions through deterministic context.

Content · action-editor

Optional feed CTA

Optional handoff action shown after the feed. Use one clear destination.

Content · text

Empty state text

Override the message shown when no matching content is found.

Design · select

Layout

Use Cards for browsable feeds, List for reading-order feeds, Compact for dense indexes, or Editorial row for a cross-page story rail.

Design · select

Columns

Choose how many card columns appear on wide layouts.

Design · toggle

Show date

Keep visible when dates help visitors judge freshness.

Design · toggle

Show summary

Keep visible so each item explains its purpose before the click.

Design · toggle

Show image

Turn off when items lack approved imagery or the feed is text-first.

Design · toggle

Show content type

Use when the feed mixes kinds and visitors need to tell them apart.

Design · toggle

Show topics

Use only when topic tags are kept current and meaningful.

Design · toggle

Show audience

Use only when audience tags are kept current and meaningful.

Content · markdown

Quotation

Enter the exact words being quoted using portable Markdown only when emphasis or a useful link is part of the quotation.

Content · text

Attribution name

Name the person or organization responsible for the quotation when that attribution is known and approved.

Content · text

Attribution details

Add a concise role, organization, or source detail that helps visitors evaluate the quotation.

Content · asset-picker

Attribution image

Use an approved image only when it helps visitors recognize the attributed person or organization.

Design · select

Presentation

Use Centered for most quotations, Left within a left-aligned reading flow, or Large only for a short statement that merits strong emphasis.

Content · markdown

Quote

Enter the exact quoted words in portable Markdown when emphasis or a useful source link belongs in the quotation.

Content · text

Author

Content · text

Role

Design · select

Style

Design · select

Alignment

Content · text

Optional heading

Add a heading only when this text needs a distinct topic label that the surrounding page does not already provide.

Content · markdown

Text

Write portable Markdown with meaningful headings, short paragraphs, lists, and links instead of layout HTML or one-off styling.

Content · toggle

Opening drop cap

Use an opening drop cap only with the Magazine reading style. This established content path remains supported for compatibility.

Design · select

Reading style

Use Centered for normal reading, Wide for broader content, Two column for short scannable material, or Magazine for an editorial opening.

Design · select

Reading width

Leave this inherited so the Reading style selects a comfortable width. Choose an explicit width only when tables, media, or the content genuinely need more room.

Content · text

Meaning label

Optionally replace the visible semantic label with a more specific phrase such as Policy note or Before you book. Keep it truthful to the selected meaning.

Content · text

Callout heading

Use a short heading when it helps visitors understand why this note deserves attention.

Content · markdown

Callout message

Write one concise, useful message in portable Markdown. Do not use a warning tone merely to make ordinary copy more noticeable.

Content · action-editor

Optional action

Add one direct action only when it resolves or follows from the callout message.

Design · select

Meaning

Choose the meaning that accurately matches the message. Warning and Danger must describe a real risk, not visual emphasis.

Design · select

Presentation

Use Inline for most notes, Banner for a page-wide announcement, or Subtle when the message should support rather than interrupt the reading flow.

Design · icon-picker

Icon override

Normally leave this blank so Foundry chooses the icon that matches the semantic meaning. Override it only when the replacement remains immediately understandable.

Content · text

Author name

Use the public name that matches editorial and contributor records.

Content · text

Role

Name the role, relationship, or context for this author.

Content · text

Company

Optional organization context if relevant to the author.

Content · asset-picker

Avatar image

Use an approved portrait or avatar.

Content · markdown

Author bio

Add concise, accurate author context in portable Markdown.

Content · repeater

Author links

Add only current links with accurate destinations.

Content · action-editor

More from

Optional action to move readers toward another author context.

Design · select

Composition

Use Card for a full bio panel, Inline for compact use, or Minimal for name role only.

Content · section-picker

Section

Optionally select one section for compatibility query mode. Leave empty to use contextual relevance.

Content · text

Section heading

Name this related content section.

Content · editorial-selection

Related-story selection

Choose curated, query, relevant, or hybrid selection using repository-visible article context.

Content · toggle

Exclude current page

Hide the currently open page in related content.

Content · number

Item limit

Maximum number of related pages to show; keep it small so the list stays useful.

Design · select

View

Use Cards for a visual feed, Compact for dense browsing, or Editorial row for an open related-reading handoff.

Content · text

Section heading

Optional heading shown above the table of contents section.

Content · repeater

Manual TOC items

Add explicit navigation items when you want stable links or custom wording. Leave empty to rely on auto-generated headings where available.

Design · select

Display variant

Use Sidebar for a sticky desktop side rail, Inline for embedded page flow, or Chapter Index for chapter list treatment.

Design · select

Heading depth

Limit generated headings to this depth for large pages.

Design · toggle

Show item numbers

Enable ordered prefix markers for manual and generated lists.

Design · select

Mobile presentation

Use Compact for an accordion on small screens or Expanded when the full list should stay visible.

Design · toggle

Show reading progress

Enable page-reading progress indicators in supported themes.

Design · toggle

Sticky behavior

Keep the TOC visible while scrolling where the section layout supports sticky behavior.

Design · text

Extra classes

Optional CSS classes added to this section wrapper.

Content · text

Gallery heading

Name the collection when the surrounding page does not already make its subject clear.

Content · markdown

Gallery introduction

Add brief portable Markdown that explains what visitors should notice or how the collection is organized.

Content · asset-list

Images

Choose owned or approved images, order them in the sequence visitors should browse, and complete the meaning, context, and rights fields for each item.

Design · select

Columns

Use 2 for larger editorial images, 3 for a balanced collection, or 4 for compact visual scanning. Foundry stacks safely on smaller screens.

Design · select

Image spacing

Use Medium for most galleries, Large for editorial breathing room, or Small for a dense visual catalog.

Design · select

Thumbnail shape

Choose one consistent crop for scanning, or Auto when preserving every image's natural shape matters more than aligned rows.

Design · select

Caption presentation

Use Below for readable context, Overlay for concise portfolio labels, or Hidden only when captions should remain available in the lightbox without adding grid copy.

Design · toggle

Open larger images

Keep this on when visitors benefit from inspecting images. Turn it off for a simple noninteractive collection or when every image links directly to a related page.

Content · text

Accordion heading

Name the subject these panels explain when the surrounding page does not already make it clear.

Content · markdown

Introduction

Add brief portable Markdown only when visitors need context before choosing a panel. Keep decision-critical information outside collapsed panels.

Content · repeater

Panels

Use short distinct panel titles, put the most useful panel first, and keep essential warnings, prices, eligibility, or next steps visible outside the accordion.

Design · toggle

Allow several panels open

Leave off for a focused one-at-a-time reading path. Turn on only when visitors benefit from comparing content across several open panels.

Design · select

Presentation

Use Bordered for the normal readable treatment, Minimal in a quiet editorial flow, or Cards when each panel needs stronger separation.

Content · text

Eyebrow

Optional context label above the social grid.

Content · text

Heading

Name what social stream this grid represents.

Content · markdown

Supporting text

Use concise context and boundaries for the sources shown.

Content · text

Empty-state text

Message shown when there are no social items.

Content · repeater

Social items

Use curated and safe social items for preview cards.

Content · text

Items data reference

Optional dotted path to data source containing an items list.

Design · select

Grid columns

Choose how many preview cards appear per row on wide layouts.

Design · select

Media aspect

Use square for uniform grids, landscape for video-first feeds, or auto to follow each source.

Design · select

Sort order

Use manual for curated order, featured for promoted items, or newest for freshness.

Design · number

Item limit

Maximum number of preview cards rendered from the available items.

Design · toggle

Show platform labels

Keep visible when visitors should know which platform each card comes from.

Design · toggle

Show date

Keep visible when freshness helps visitors judge the stream.

Design · toggle

Show caption

Keep visible so each card explains its purpose in a short line.

Design · toggle

Show source mode

Use only when the distinction between curated and imported items matters to visitors.

Design · select

Default privacy mode

Prefer click-to-load for third-party embeds; use link-only when the source cannot be embedded safely.

Content · text

Short context label

Add a short label only when it helps visitors understand the video's role, series, or source.

Content · text

Video title

Use the public title a visitor needs to identify the video and its player; do not substitute a filename or provider ID.

Content · markdown

Viewing context

Briefly explain what the video contains and why watching is useful without repeating its title.

Content · text

Duration

Add a concise verified duration such as 2:18 so visitors can decide whether to watch before loading media.

Content · video-source

Video source

Choose an owned MP4 or WebM asset, or paste an approved YouTube or Vimeo URL. Foundry does not accept arbitrary iframe HTML or unknown providers.

Content · select

Delivery MIME type

Set the verified MIME type for a direct file, especially an extensionless object URL. Use text/html for an approved provider embed; leave absent for legacy URL inference.

Content · asset-picker

Local poster image

Choose an optimized repository image that represents the video before playback. A local poster avoids contacting a remote provider before the visitor acts.

Content · markdown

Caption or rights note

Add concise context, attribution, or rights language when it helps interpret the video; do not repeat the title.

Content · asset-picker

Caption file

For self-hosted spoken video, add a reviewed WebVTT caption file. Provider-hosted videos must have accurate captions configured in that provider.

Content · language-code

Caption language

Use the BCP 47 language code for the caption file, such as en or es.

Content · text

Caption language label

Write the human-readable language name shown by the native player, such as English or Español.

Content · markdown

Descriptive transcript

Provide a corrected transcript that includes meaningful speech, sound, and important visual information. Keep it on this page when practical.

Content · link-picker

Separate transcript page

Link to an accessible transcript page only when the complete transcript is intentionally maintained outside this page.

Design · select

Viewing presentation

Use Standard for most page videos, Cinema for an immersive screening moment, or Card to pair concise context with a focused player.

Design · select

Video shape

Use 16:9 for most video, 4:3 for archival media, 1:1 for square demonstrations, or 9:16 for intentional vertical video.

Design · select

Poster fit

Use Cover for an edge-to-edge frame or Contain when cropping would hide meaningful text, diagrams, or the full composition.

Design · toggle

Silent self-hosted loop

Leave off for normal video. Turn on only for a self-hosted silent ambient loop that remains understandable without sound; remote providers never autoplay before visitor action.

Content · text

Recording title

Use the public title a visitor should hear or download; do not substitute a filename.

Content · text

Series or source

Name the podcast, collection, organization, or author only when that context helps identify the recording.

Content · text

Published date

Use an unambiguous date such as 2026-08-16 when publication timing matters to visitors.

Content · markdown

Listening context

Briefly explain what the recording covers and why listening is useful without repeating the title.

Content · asset-picker

Audio file

Choose an owned repository audio file or an approved HTTPS source that remains available without a managed player.

Content · select

Delivery MIME type

Set the verified audio MIME type when known. This describes delivered bytes; it does not select a provider or establish delivery health.

Content · text

Duration fallback

Add a concise fallback such as 18:42; the enhanced player replaces it with verified media metadata when available.

Content · toggle

Offer download

Keep download available only when the site owns the file and visitors are permitted to retain it.

Content · asset-picker

Episode artwork

Choose optional square artwork for the episode-feature preset; decorative artwork uses an empty alternative description.

Content · markdown

Transcript

Provide the complete corrected transcript whenever speech carries information; do not publish an unchecked automated transcript.

Design · select

Listening presentation

Use card for a reusable resource, minimal for supporting audio, or podcast when artwork and episode context should lead.

Content · url

Embed URL

Use a stable, accessible embed URL for an approved resource.

Content · text

Optional title

Add a concise heading for this embed context when the URL alone is not descriptive.

Content · markdown

Supporting text

Explain why this embedded item is useful in one short block of portable Markdown.

Content · text

Loader eyebrow

Short loading context line above the loading message.

Content · text

Loader title

Short heading that displays during deferred loading states.

Content · text

Loader details

Optional supporting text shown while loading.

Content · text

Activation title

Heading shown before a visitor activates third-party content.

Content · text

Activation explanation

Explain that activating the embed may contact a third-party provider.

Content · text

Activation button label

Use a concise action label that identifies what the visitor will load.

Content · text

Fallback link text

Text for the fallback control shown while loading or with JS disabled.

Content · url

Fallback URL

Use a human-safe destination if script loading is blocked. Pair with Fallback link text to expose a complete fallback control.

Design · select

Embed style

Choose Card for framed behavior or Minimal for tighter space.

Design · select

Fixed aspect ratio

Select map for horizontally wide embeds, 1:1 for square.

Design · text

Fixed height

Optional CSS height string such as 420px; leave blank for ratio-based sizing.

Design · select

Iframe loading behavior

Use eager only for critical above-the-fold embeds.

Design · toggle

Defer iframe src

Enable to inject src from data attribute and reduce initial blocking behavior.

Design · toggle

Show loading overlay

Use for a clear loading state before embedded content appears.

Design · toggle

Require visitor activation

Prevent third-party iframe requests until the visitor explicitly chooses to load the content.

Content · text

Process heading

Name the process or expectation when the steps need a shared heading.

Content · markdown

Process introduction

Add one concise explanation when visitors need context before reading the steps.

Content · repeater

Process steps

Add, remove, and reorder the steps in the exact sequence visitors should follow or expect.

Design · select

Step style

Use Cards for most processes, Plain for a lighter presentation, or Numbered for a stronger editorial sequence.

Design · select

Columns

Use three columns for most short processes. Choose two for longer explanations or four for very concise steps.

Content · text

Statistics heading

Name what the numbers demonstrate when the surrounding page does not already make their subject clear.

Content · markdown

Evidence context

Add a concise timeframe, population, scope, or source context visitors need to interpret the numbers accurately.

Content · repeater

Statistics

Add only verified values, keep their labels specific, and order the most decision-relevant evidence first.

Design · select

Band treatment

Use Dark for the established high-contrast proof band, Light for a quieter reading flow, or Brand when the active Brand System supports stronger emphasis.

Design · select

Evidence layout

Use Grid for independent evidence cards, Editorial for open ruled proof, or Rail when the values form one compact argument.

Content · text

Comparison heading

Name the transformation or paired states in language the visitor can understand.

Content · markdown

Comparison context

Explain what is being compared and any limitation visitors need before reading the states in portable Markdown.

Content · text

Starting-state label

Replace Before when a more precise human label such as Starting point or Arrival improves meaning.

Content · text

Outcome-state label

Replace After when a more precise human label such as New direction or Departure improves meaning.

Content · text

Starting-state heading

Content · markdown

Starting-state explanation

Content · text

Outcome-state heading

Content · markdown

Outcome-state explanation

Content · repeater

Comparison rows

Use rows for the Table variant when each line compares the same starting and outcome states.

Design · select

Comparison structure

Choose Cards for parallel narratives, Table for repeated row comparisons, or Stacked for a deliberate before-to-after sequence.

Design · select

Visual treatment

Use Bordered for contained states or Editorial for an open ruled composition.

Content · text

Navigation heading

Name the section family or journey this navigation supports.

Content · markdown

Navigation intro

Add short portable Markdown that explains what readers should find in this sidebar.

Content · repeater

Navigation items

Add items in the exact order readers should traverse. Use anchor and id to support stable in-page jump targets.

Design · select

Layout variant

Default uses a chapter sidebar and body cards; Checklist uses chip-style links.

Design · select

Mobile behavior

Compact keeps nav usable on narrow widths; drawer overlays on demand and list stacks for minimal motion.

Design · toggle

Progress display

Whether chapter-index progress indicators are shown.

Design · toggle

Sticky sidebar

Stick the sidebar on larger screens for long page scannability.

Design · toggle

Number chapter items

Show numeric badges in chapter-index mode.

Design · select

Item reveal

Motion for sidebar-sourced article entry.

Content · text

Timeline heading

Name the history, roadmap, schedule, or milestone sequence this timeline explains.

Content · markdown

Timeline introduction

Add concise portable Markdown when visitors need scope, date context, or an explanation of how to read the sequence.

Content · repeater

Milestones

Add, remove, and reorder milestones in the exact chronological or planned sequence visitors should understand.

Design · select

Timeline style

Use Vertical for a milestone story, Cards when phases should be compared independently, or Compact for a schedule, archive, or longer factual register.

Content · text

Action heading

State the next step and its value clearly. The heading should make sense without relying on the button label.

Content · markdown

Supporting text

Add one concise sentence when visitors need reassurance or context before acting.

Content · action-editor

Primary action

Choose the single most important next step and use a specific button label.

Content · action-editor

Secondary action

Offer a lower-commitment alternative only when visitors genuinely need another route.

Design · select

Alignment

Use Centered for most closing prompts. Choose Left when the CTA belongs to a left-aligned reading flow.

Content · text

Testimonials heading

Name the shared experience or decision these testimonials help visitors understand.

Content · markdown

Testimonials context

Add concise context about whose experiences these are without implying typical, guaranteed, or universal results.

Content · repeater

Testimonials

Use only approved, accurately transcribed testimonials and preserve their intended meaning when editing for length.

Design · select

Presentation

Use Grid for a balanced set, Featured when the first approved testimonial deserves deliberate emphasis, or Stacked for a calm single-column reading flow.

Content · text

Evidence context

Use a short factual context such as Client perspectives or After the workshop.

Content · text

Testimonial sequence heading

Name the shared experience or decision these approved voices help visitors understand.

Content · markdown

Testimonial context

Explain whose experiences these are and any limitation on interpreting them. Avoid typical-results or guaranteed-outcome language.

Content · repeater

Ordered testimonials

Use concise approved statements in deliberate reading order. Preserve meaning when shortening and never fabricate, combine, or strengthen a person's words.

Design · select

Sequence composition

Use Cards for balanced voices, Spotlight when the first approved voice deserves deliberate emphasis, or Compact for a restrained open quote rail.

Design · toggle

Show approved ratings

Turn off when ratings are absent, mixed, or not useful. Foundry never manufactures a rating.

Design · toggle

Show quotation marks

Decorative quotation marks can be removed when the Brand System or compact reading mode needs less visual emphasis.

Content · text

Collection heading

Explain why this group matters, such as Selected collaborations, Supporting sponsors, Tools we use, or Featured by. A logo collection does not prove trust by itself.

Content · markdown

Collection context

Add concise portable Markdown when visitors need to understand the scope, date, permission, or relationship represented by the collection.

Content · asset-list

Named organizations and brands

Add only accurately named organizations, publications, tools, sponsors, or brands the site is authorized to show. State the relationship instead of implying endorsement.

Design · select

Collection presentation

Use Grid for an image-led brand wall, Strip for a relationship index with context, or Pill for compact mentions, sponsors, publications, or tools.

Design · toggle

Optional moving ticker

Advanced: add slow horizontal motion only when it supports the page. The complete static list remains readable without JavaScript and for reduced-motion visitors.

Design · number

Ticker speed

Advanced: positive pixels per second. Start with 55 and prefer slower motion when labels need reading time.

Design · select

Ticker direction

Advanced: move left or right. Direction is ignored when the ticker is off or reduced motion is requested.

Design · select

Ticker pause behavior

Advanced: Hover pauses for pointer and keyboard focus. None keeps the optional animation moving until the visitor requests reduced motion.

Content · text

FAQ heading

Name the decision or subject these questions help visitors understand.

Content · markdown

FAQ introduction

Add a short scope note when visitors need to know which questions are covered or where to get case-specific help.

Content · repeater

Questions and answers

Use real visitor questions, answer them directly, and keep legal, safety, eligibility, pricing, or other decision-critical facts visible in the normal page flow too.

Design · select

Presentation

Use Cards for the normal scannable FAQ, Flush in a quiet editorial flow, or Grouped only when the question groups improve navigation.

Content · text

Decision context

Use a short factual label such as Before you choose or Final planning questions.

Content · text

FAQ follow-up heading

Name the remaining decision or transition instead of repeating the full FAQ heading.

Content · markdown

Decision context

Explain why these selected questions matter. Keep it concise and preserve policy, eligibility, medical, legal, price, and timing qualifications.

Content · repeater

Final decision questions

Choose one to three real high-intent questions that may prevent the next step. Use FAQ Accordion for a complete question library.

Content · text

Next-step heading

State the specific next step and why it fits after these questions.

Content · markdown

Next-step explanation

Add only the process or reassurance visitors genuinely need before acting.

Content · action-editor

Primary action

Use one specific action label and a valid destination.

Content · action-editor

Secondary action

Offer a lower-commitment alternative only when it represents a genuinely useful route.

Content · text

Process qualification

Use a short factual timing, privacy, eligibility, or process note. Remove it when it cannot be kept accurate.

Design · select

Decision-close composition

Use Split for questions beside the handoff, Guided when all selected answers should stay visible, or Note for a restrained editorial invitation.

Content · text

Case studies heading

Name the shared proof question these cases help visitors evaluate.

Content · markdown

Case study context

Explain whose cases these are, what they demonstrate, and any limits on interpreting the outcomes.

Content · text

Problem label

Content · text

Solution label

Content · text

Results label

Content · repeater

Cases

Use approved representative evidence, distinguish facts from inference, and avoid implying that one outcome is universal.

Design · select

Case study layout

Use Cards for independent cases, Editorial for open numbered stories, or Spotlight when the first case should anchor the set.

Content · text

Heading

Content · badge-list

Badges

Content · text

Section heading

Use a concise heading for this resource list.

Content · markdown

Section introduction

Explain with portable Markdown what type of resources are provided and any limitations.

Content · text

Form heading

Optional heading above the optional opt-in form.

Content · managed-form-picker

Managed form

Pick a configured managed form instead of a static endpoint when available.

Content · text

CTA key

Optional tracking key for managed form events.

Content · text

Route tag

Optional source route tag for observability.

Content · url

Legacy form action

Optional legacy endpoint used when managed forms are unavailable.

Content · text

Email placeholder

Use a concise placeholder for the email input.

Content · text

Submit button text

Clear action text for the email form submit button.

Content · markdown

Privacy note

Add concise legal/privacy context for form submissions.

Content · repeater

Resources

Add each downloadable resource card with optional supporting image.

Design · select

Layout

Use default to keep cards centered and legible.

Content · text

Section heading

Optional heading that introduces the lead magnet context.

Content · markdown

Section introduction

Optional supporting copy for the lead magnet section in portable Markdown.

Content · text

Offer heading

Headline for the offer details card.

Content · textarea

Offer details

Short description of what the visitor receives.

Content · url

Offer resource URL

Optional resource link shown as a preview/download CTA.

Content · text

Form heading

Optional heading above the form area.

Content · textarea

Form context

Optional guidance text shown above the form inputs.

Content · repeater

Custom form fields

Optional explicit form fields for legacy form submission. Use with form_method and form_action.

Content · url

Legacy form action

Optional submission endpoint used when managed forms are not configured.

Content · select

Legacy form method

HTTP method for legacy form submissions.

Content · managed-form-picker

Managed form

Choose a configured managed form to route submissions through Foundry Control.

Content · text

CTA key

Optional tracking key for managed form events.

Content · text

Route tag

Optional route attribution tag for managed form analytics.

Content · text

Submit button text

Button label for custom form submission.

Content · markdown

Privacy note

Optional legal or data-use context for submissions.

Design · text

Extra classes

Optional CSS classes added to the section wrapper.

Content · text

Section heading

Name the discovery row and give readers clear context before chips.

Content · repeater

Topic chips

Add one item per topic. Use a URL for route navigation or a filter key to drive gallery filtering.

Design · select

Alignment

Align the chip row to the left or center.

Design · text

Filter target selector

Optional CSS selector for a gallery target (for filter chips). If omitted, the block finds the nearest matching filterable gallery sibling.

Design · text

Extra classes

Optional CSS classes added to the section wrapper.

Content · text

Team heading

Name the team section context.

Content · markdown

Team context

Add portable Markdown scope for who these people represent and why they are grouped here.

Content · repeater

Members

Add one entry per team member in preferred display order.

Design · select

Team layout

Use Grid for cards, Compact for tight photo + label, List for bio-first presentation.

Content · text

Profile section heading

Name the purpose of this profile when the surrounding page does not already make it clear.

Content · text

Public name

Use the person's approved public name exactly as it should appear.

Content · text

Role or context

Use an accurate public role, specialty, or relationship that helps visitors understand why this person is featured.

Content · markdown

Biography

Write a concise human biography in portable Markdown. Include only accurate, approved public information and avoid unsupported credentials or claims.

Content · repeater

Factual highlights

Add only concise, approved public facts that help visitors understand experience, approach, or responsibility. Never invent credentials, awards, memberships, or outcome claims.

Content · asset-picker

Portrait

Choose an approved portrait that suits the person's public role and the site's art direction.

Content · text

Portrait description

Identify the person and useful visible context without adding appearance judgments.

Content · action-editor

Optional action

Add one appropriate next step such as reading the person's work or opening an inquiry route.

Design · select

Profile composition

Use Portrait Story for a balanced narrative, Open Manifesto for an expressive image-right profile, or Credential Profile for compact factual authority.

Content · text

Comparison heading

Name the visitor decision this comparison supports.

Content · markdown

Comparison context

Explain how to read the comparison and any important scope or limitation in portable Markdown.

Content · markdown

Accessible table caption

Describe the table for assistive technology when the Section title alone is not specific enough.

Content · repeater

Column labels

Name the decision-point column and both approaches accurately. Leave blank only when Decision point, Our approach, and Typical alternative are correct.

Content · repeater

Decision rows

Keep each row focused on one comparable decision point and avoid marketing claims that the row cannot support.

Content · markdown

Comparison note

Add a visible qualification, source note, or condition that applies to the table.

Design · select

Comparison treatment

Use Bordered for practical choices, Editorial for an open considered comparison, or Compact for denser operational data.

Content · text

Action group heading

Name the visitor decision or next-step group in plain language.

Content · markdown

Action guidance

Explain when to choose among the actions. Keep qualifications and boundaries visible in portable Markdown.

Content · repeater

Next actions

Add one or more distinct, accurately labeled destinations. Use a real URL and choose primary only when one action should lead attention.

Design · select

Action composition

Use Inline for a bounded group, Stacked for ordered full-width handoffs, or Rail for a concise ruled register.

Design · select

Action alignment

Align the heading and action group to the left or center.

Content · text

Eyebrow

Use a short label only when it helps visitors scan groups of actions.

Content · text

Section heading

Name the routing scenario the visitor is deciding between.

Content · markdown

Introduction

Describe the options and why each route exists.

Content · repeater

Route cards

Add one card per destination route.

Design · select

Grid width

Control how many cards can appear on a wide viewport.

Content · text

Offer context

Use a short factual orientation such as Ways to begin or Choose the right level of support.

Content · text

Pricing heading

Name the package decision in plain language. Keep the title distinct from the individual tier names.

Content · markdown

How to choose

Explain the offer boundary and the meaningful difference between tiers in portable Markdown. Legacy source may use subtitle.

Content · repeater

Offer tiers

Add two or three accurately described packages. Keep price meaning, material conditions, inclusions, and the next step visible; do not invent savings, urgency, popularity, or availability.

Design · select

Offer composition

Use Grid for equal packages, Featured when one tier has a visible conditional fit reason, or Stacked when inclusions need more horizontal room.

Content · text

Decision context

Use a short orientation such as Plans at a glance or Choose by working style.

Content · text

Pricing comparison heading

Name the real choice the plans help a visitor make.

Content · markdown

How to compare

Explain the decision in portable Markdown, including any important scope or pricing boundary. Legacy source may use subtitle.

Content · repeater

Priced plans

Add at least two accurately described plans. A stable key connects each plan to its criterion values. Do not hide mandatory fees, invent savings, or mark a plan as best without a plain-language reason.

Content · repeater

Shared decision points

Compare every plan against the same visitor-centered criteria. Use visible text or a labeled state; color alone never communicates inclusion.

Content · markdown

Accessible matrix caption

Describe the matrix for assistive technology when the Section title is not specific enough.

Content · markdown

Pricing qualification

Keep material billing conditions, tax treatment, scope limits, update dates, or evidence notes visible beside the comparison.

Design · select

Comparison composition

Use Matrix for detailed shared criteria, Ledger for an open editorial plan record, or Guided when one plan has an explicit best-fit reason.

Content · text

Trust context

Use a short factual label such as Permissioned partners or Professional affiliations.

Content · text

Trust heading

Explain why this verified mark set matters without implying endorsement beyond the real relationship.

Content · markdown

Trust explanation

Add concise portable Markdown context when visitors need to understand what the organizations, memberships, or standards represent.

Content · asset-list

Approved organizations

Use only accurately named marks the site owns or has permission to publish. Never fabricate a customer, partner, certification, membership, or endorsement.

Content · repeater

Trust highlights

Add short factual qualifications that help interpret the mark set. Do not invent awards, guarantees, compliance, or verification states.

Design · select

Trust-mark composition

Use Grid for equal mark tiles, Strip for restrained affiliations, or Band for one collective trust surface.

Content · text

Launch status

Use a short factual status such as Coming soon or Early access. Do not imply availability that is not operationally true.

Content · text

Launch heading

State what is coming and why the visitor should care in clear temporary-launch language.

Content · markdown

Launch explanation

Explain the expected value and current availability honestly using concise portable Markdown.

Content · asset-picker

Launch logo

Choose the approved site or product mark when it improves recognition; normal brand identity remains inherited.

Content · text

Signup heading

Describe what the visitor is requesting, such as launch updates or early-access consideration.

Content · managed-form-picker

Approved signup form

Choose an already configured managed form. Consent, validation, delivery, and provider behavior remain owned by Foundry Control.

Content · markdown

Privacy note

Explain accurately how signup information will be used or link to the applicable privacy details.

Content · text

Launch context

Use a short factual label such as Launch readiness or Before you join.

Content · text

Reassurance heading

State what visitors can verify before they decide whether to follow the launch.

Content · markdown

Reassurance explanation

Explain what is ready, what remains limited, and what the evidence does not establish. Legacy source may use subtitle.

Content · repeater

Readiness facts

Use dated or otherwise supportable launch facts. Do not invent traction, availability, customer counts, certification, or performance.

Content · repeater

Launch assurances

Describe real privacy, support, cancellation, access, or operational boundaries. An assurance is not a decorative badge.

Content · asset-list

Named launch relationships

Use only accurately named organizations with permission to display the mark. State the relationship so a tool, sponsor, collaborator, or publication is not mistaken for an endorsement.

Design · select

Launch reassurance composition

Use Ledger for readiness facts, Strip for a compact status rail, or Note for a privacy-first editorial statement.

Content · text

Eyebrow

Content · text

Headline

Content · markdown

Supporting text

Content · asset-list

Background images

Content · action-editor

Primary action

Content · action-editor

Secondary action

Design · toggle

Show badges

Design · toggle

Animate backgrounds

Design · toggle

Show scroll cue

Design · select

Content alignment

Design · select

Content position

Design · select

Content width