Preview documentation Core dde7da9a7964 Verified 2026-08-30
Why this is preview
Visual Review Explore Foundry's creative system through source-backed examples, exact evidence, and honest limitations. next core preview

Foundry Documentation · Visual Review

See the whole design system—not isolated screenshots.

Foundry is not one visual style. Theme Families set the art direction, Brand Systems carry identity, Site Foundations give a useful first structure, and Section Families solve the next visitor job. Visual Examples connect those choices to real routes, ordinary source, declared checks, limitations, and full-size evidence.

Use this catalog to choose a promising direction and inspect how it is built. An image is an invitation to review—not proof that a release is approved.

Theme Families
3
Brand Systems
7
Site Foundations
3
Section Families
18
Visual Examples
37
Evidence images
166
1Choose a direction

Start with the site problem, then compare the art-direction promise.

2Inspect the source

Follow the route, fixture, portable files, and declared controls.

3Check the proof

Read the state, failed or incomplete gates, and limitations before adoption.

Art direction

Theme Families

Typography behavior, rhythm, surfaces, media, shell, motion, and composition. Customer identity remains a separate Brand System.

draftstructured-clarity

Structured Clarity

Create efficient, trustworthy, highly scannable experiences without forcing every service or information site into the same visual template.

Visual signature and fit

Visual signature

  • compact label hierarchy
  • low-noise grouped panels
  • visible search and CTA rail
  • direct proof sequence

Best for

  • service and information sites
  • clear conversion paths
  • resource discovery
  • forms and practical navigation

Avoid when

  • media atmosphere is the primary experience
  • long-form narrative pacing is the primary differentiator
Find matching evidence ↓
drafteditorial-narrative

Editorial Narrative

Create authored reading and story experiences whose hierarchy, pacing, and proof feel deliberate while content remains normal Hugo source.

Visual signature and fit

Visual signature

  • expressive reading hierarchy
  • generous story pauses
  • chapter-like evidence beats
  • quiet orientation shell

Best for

  • editorial and journal sites
  • brand stories
  • high-consideration narratives
  • work and product stories

Avoid when

  • the primary task is dense operational completion
  • the content cannot support a meaningful narrative sequence
Find matching evidence ↓
draftimmersive-atmosphere

Immersive Atmosphere

Create media-led campaign, destination, property, collection, and experience sites with distinctive atmosphere and bounded responsive behavior.

Visual signature and fit

Visual signature

  • media-led first viewport
  • curated dark media surface
  • expansive exploration rhythm
  • clear inquiry handoff

Best for

  • destinations and properties
  • campaigns with strong media
  • galleries and collections
  • cinematic product or venue stories

Avoid when

  • media quality is weak
  • quick lookup and dense forms are the dominant jobs
  • essential content would depend on client-side presentation
Find matching evidence ↓

Identity

Reference Brand Systems

Concrete identity dimensions for comparison and proof. These are references, never customer identities.

draftReference identity

Reference Clear Service

Demonstrate a practical, trustworthy identity without embedding a real customer's facts or making green service styling a Theme Family.

Type · Inter, ui-sans-serif, system-ui, sans-serifRhythm · compactShape · practical
draftReference identity

Reference Literary Studio

Demonstrate an authored editorial identity whose customer typography and color values remain independent from narrative layout grammar.

Type · Georgia, 'Times New Roman', ui-serif, serifRhythm · comfortableShape · restrained
draftReference identity

Reference Natural Destination

Demonstrate a place-led identity with accurate media, natural color roles, and clear inquiry behavior independent from gallery composition grammar.

Type · Inter, ui-sans-serif, system-ui, sans-serifRhythm · spaciousShape · soft-architectural
draftReference identity

Reference Clinical Luxury

Demonstrate a consult-first premium identity whose restraint, proof language, and media policy remain separate from real providers, patients, and medical claims.

Type · Iowan Old Style, Palatino Linotype, Georgia, serifRhythm · spaciousShape · mineral-tailored
draftReference identity

Reference Experimental Studio

Demonstrate an expressive studio identity with hard geometry, confrontational contrast, and a repeatable system rather than a custom renderer fork.

Type · Impact, Haettenschweiler, Arial Narrow Bold, sans-serifRhythm · comfortableShape · hard-offset
draftReference identity

Reference Playful Consumer

Demonstrate an energetic consumer identity with friendly choice architecture, bold but accessible color roles, and maintainable responsive sections.

Type · Arial Rounded MT Bold, Trebuchet MS, ui-sans-serif, sans-serifRhythm · compactShape · rounded-buoyant
draftReference identity

Reference Refined Hospitality

Demonstrate a restrained place-led identity whose material detail, media accuracy, and quiet inquiry language remain independent from property composition grammar.

Type · Baskerville, Iowan Old Style, Georgia, serifRhythm · spaciousShape · restrained-material

Starting systems

Site Foundations

Site Types describe the problem. Blueprints resolve a portable first structure without locking the final design.

draftlocal-service

Local Service

Help a location-aware service business explain its offers, earn trust, and generate qualified inquiries through a fast public site.

Blueprint
Local Service Foundation
Recommended family
structured-clarity

Creative starts

draftcreative-portfolio

Creative Portfolio

Present a distinctive body of work, creative identity, editorial context, and inquiry path without turning the portfolio into a fixed template.

Blueprint
Creative Portfolio Foundation
Recommended family
editorial-narrative

Creative starts

draftconcierge-property

Concierge Property

Market one distinctive property or destination through immersive public storytelling and a clear external availability or booking handoff.

Blueprint
Concierge Property Foundation
Recommended family
immersive-atmosphere

Creative starts

  • Natural Destination RetreatLet landscape, seasonal experience, and practical property details create the atmosphere around a clear booking handoff.
  • Refined Editorial HospitalityBalance a quieter hospitality voice and editorial pacing with complete property detail and an unmistakable availability path.

Visitor jobs

Section Families

Choose the responsibility before choosing a block or style. This keeps composition understandable for humans and tools.

Herohero · stable

Page-entry orientation and primary first impression.

Job: Orient the visitor, establish the page promise, and present the primary action.

block · heroblock · post-heroblock · section-headerblock · motion-heroblock · video-heroblock · property-heroblock · coming-soon-heropreset · service-entrypreset · campaign-evidencepreset · aesthetics-resultspreset · product-storypreset · creative-portfolio-opening
Proofproof · stable

Trust, evidence, reassurance, and credibility.

Job: Help the visitor believe the claim through proof, attribution, outcomes, or authority signals.

block · trust-badgesblock · stats-bandblock · testimonialsblock · testimonials-carouselblock · logosblock · case-studiesblock · certification-badges
Gallerygallery · stable

Browsing, comparing, and moving through related media items.

Job: Let the visitor browse a media collection without making every image carry a narrative or proof job.

block · galleryblock · masonry-galleryblock · slideshowblock · property-photo-tourblock · before-after
Mediamedia · stable

Section-level storytelling with one or a few media moments.

Job: Use media to pace explanation, editorial rhythm, chapter structure, or immersive story moments.

block · media-textblock · media-breakblock · media-sequenceblock · image-featureblock · video-embedblock · audio-playerblock · embedblock · illustration-panelblock · full-bleed-splitblock · pinned-media-story
Social & Presencepresence · stable

Recent work, channel signals, public activity, and platform proof rendered without requiring provider API access.

Job: Help visitors see current activity or social proof from normalized static items while preserving the site-owned Hugo contract.

block · social-preview-gridblock · social-share
Discoverydiscovery · stable

Search, filtering, topical entry, and metadata-led browsing.

Job: Help visitors find the right page, topic, audience path, or content set without making a generic card grid do search work.

block · searchblock · content-feedblock · topic-chip-navblock · guided-discoveryblock · discovery-cardsblock · relationship-map
Collectionscollections · stable

Known lists of pages, posts, related items, or collection members.

Job: Render a selected content set cleanly when the visitor needs to scan a known list rather than search across metadata.

block · page-listblock · post-listblock · related-posts
Editorialeditorial · stable

Long-form prose, commentary, emphasis, quotes, and authored narrative sections.

Job: Give text-heavy content structure, rhythm, and emphasis without forcing prose into feature cards.

block · rich-textblock · prose-panelblock · quoteblock · pullquoteblock · callout
Navigation & Disclosurenavigation · stable

In-page wayfinding, controlled disclosure, and structured long-page navigation.

Job: Help visitors move through complex content without turning every detail into a separate page.

block · content-sidebar-navblock · table-of-contentsblock · tabsblock · accordionblock · faq-accordion
Features & Highlightsfeatures · stable

Benefits, capabilities, highlights, and quick-scan value points.

Job: Let visitors understand what is offered or why it matters through concise, scannable highlights.

block · featuresblock · icon-gridblock · resource-downloadsblock · logo-trust
Process & Dataprocess · stable

Steps, timelines, stats, maps, metrics, and sequential explanation.

Job: Explain how something works, what happened over time, what the numbers show, or where something applies.

block · stepsblock · timelineblock · onboarding-timelineblock · stats-bandblock · stats-gridblock · map-coverage
Conversion & Calls To Actionconversion · stable

Prompts, offers, lead magnets, newsletter capture, and next-step action surfaces.

Job: Move the visitor toward a clear next action after enough context, proof, or value has been established.

block · ctablock · faq-ctablock · lead-magnetblock · cta-image-paragraphblock · cta-button-listblock · newsletter-inlineblock · routing-panels
Forms & Contactforms · stable

Inquiry, contact, and portable form intent surfaces.

Job: Collect structured visitor intent or contact details while keeping form behavior framework-owned.

block · managed-formblock · managed-form-panelblock · contact-split
Pricing & Comparisonpricing · stable

Pricing tiers, side-by-side comparison, packages, and decision support.

Job: Help visitors compare offers, understand tradeoffs, and choose a package or option.

block · comparison-tableblock · pricing-tiersblock · pricing-comparison
People & Profilespeople · stable

Founders, artists, teams, authors, and identity-led trust surfaces.

Job: Present the people behind the work with enough context to support trust, authorship, or relationship.

block · author-bioblock · team-gridblock · founder-profile
Property & Hospitalityproperty · stable

Property, retreat, amenity, place, and hospitality-specific storytelling.

Job: Show a property or hospitality offer through place, amenities, tour media, and booking context.

block · property-heroblock · property-amenitiesblock · property-photo-tourblock · property-cardspreset · property-cinematic-opening
Layout & Flowlayout · stable

Structural rhythm, section grouping, columns, dividers, and full-bleed composition changes.

Job: Change page rhythm or arrangement without pretending structural layout is content.

block · dividerblock · columnsblock · full-bleed-split
Launch & Coming Soonlaunch · stable

Temporary, pre-release, waitlist, and launch-state page sections.

Job: Publish a deliberate temporary launch experience without creating throwaway site-local framework code.

block · coming-soon-heroblock · coming-soon-ctablock · coming-soon-trustblock · coming-soon-footerpreset · coming-soon-pagepreset · waitlist-launchpreset · temporary-brand-presence

Source-backed packets

Visual Examples

37 packets connect 166 full-size artifacts to routes, source, checks, limits, and exact preview identity.

Clear Service Demonstration preview

About this evidence

demonstration5 images

Clear Service Demonstration

Show structured service hierarchy, direct conversion paths, and a practical reference Brand System as ordinary Hugo content.

theme-family · structured-claritybrand-system · reference-clear-servicereference-outcome · clear-service-referenceprofile-dimension · utility-service
Open evidence packet →
Literary Studio Demonstration preview

About this evidence

demonstration5 images

Literary Studio Demonstration

Show a restrained editorial hierarchy, authored reading rhythm, and portable Markdown source without turning typography into a hidden override.

theme-family · editorial-narrativebrand-system · reference-literary-studioreference-outcome · literary-studio-referenceprofile-dimension · quiet-editorial
Open evidence packet →
Collections, Media CTA, and Image Story Creative Range preview

About this evidence

demonstration2 images

Collections, Media CTA, and Image Story Creative Range

Show materially different editorial collections, media-supported conversion paths, and single-image treatments from typed Hugo Sections and trustworthy named presets.

theme-family · editorial-narrativebrand-system · reference-literary-studiosection-family · collectionssection-family · conversion
Open evidence packet →
Natural Destination Demonstration preview

About this evidence

demonstration5 images

Natural Destination Demonstration

Show a media-led destination experience with accurate source media, clear inquiry behavior, and responsive gallery composition.

theme-family · immersive-atmospherebrand-system · reference-natural-destinationreference-outcome · natural-destination-referenceprofile-dimension · gallery-property-destination
Open evidence packet →
Evidence-Led Campaign Demonstration preview

About this evidence

demonstration2 images

Evidence-Led Campaign Demonstration

Show a cinematic campaign page that uses strong media, proof language, comparison, and conversion without turning the profile into a Theme Family or requiring a JavaScript framework.

profile-dimension · cinematic-campaignblock · before-afterblock · comparison-tableblock · case-studies
Open evidence packet →
Proof and Comparison Control Range preview

About this evidence

demonstration2 images

Proof and Comparison Control Range

Make Before and After, Stats Band, Comparison Table, and Case Studies visually discoverable through distinct declared layouts, realistic content, responsive behavior, and copyable typed Hugo source.

block-family · media-galleryblock-family · process-datablock-family · pricing-comparisonblock-family · trust-authority
Open evidence packet →
Immersive Product Story Demonstration preview

About this evidence

demonstration2 images

Immersive Product Story Demonstration

Show an authored product or destination story with varied pacing, media-supported explanation, comparison, and contextual conversion in normal Hugo document order.

profile-dimension · immersive-product-story
Open evidence packet →
Theme Family Matrix Demonstration preview

About this evidence

demonstration9 images

Theme Family Matrix Demonstration

Prove that one unchanged semantic marketing page and one unchanged Customer Brand System can produce three meaningfully different, responsive art-direction outcomes by changing only the declared Theme Family.

theme-family · structured-claritytheme-family · editorial-narrativetheme-family · immersive-atmospherebrand-system · reference-literary-studio
Open evidence packet →
Customer Brand System Matrix Demonstration preview

About this evidence

demonstration6 images

Customer Brand System Matrix Demonstration

Prove that one unchanged semantic marketing page and one unchanged Theme Family can express three customer identities by changing only the declared Customer Brand System.

theme-family · structured-claritybrand-system · reference-clear-servicebrand-system · reference-literary-studiobrand-system · reference-natural-destination
Open evidence packet →
Customer Brand Range Demonstration preview

About this evidence

demonstration11 images

Customer Brand Range Demonstration

Prove that Foundry can produce unmistakably different clinical-luxury, experimental-studio, playful-consumer, and refined-hospitality experiences from typed Hugo Sections, governed Theme Families, and declared Customer Brand Systems without page-local CSS classes or a prescribed JavaScript framework.

page-type · landingtheme-family · structured-claritytheme-family · editorial-narrativetheme-family · immersive-atmosphere
Open evidence packet →
Kinetic Experimental Studio Demonstration preview

About this evidence

demonstration5 images

Kinetic Experimental Studio Demonstration

Show a cohesive creative-portfolio visual world that combines a media-led opening, moving relationship index, pinned chapter story, irregular work reel, and clear inquiry close from ordinary typed Hugo source.

page-type · landingtheme-family · immersive-atmospherebrand-system · reference-experimental-studioreference-outcome · experimental-studio-reference
Open evidence packet →
Slideshow Creative Range Demonstration preview

About this evidence

demonstration2 images

Slideshow Creative Range Demonstration

Show three materially different Slideshow directions from the same portable Hugo content contract and Customer Brand System: quiet fade, editorial sequence, and tactile card stack.

section-family · gallerysection-type · gallerysection-style · gallery.slideshowblock-family · media-gallery
Open evidence packet →
Motion Hero Creative Range Demonstration preview

About this evidence

demonstration2 images

Motion Hero Creative Range Demonstration

Show three materially different Motion Hero compositions from one portable Hugo contract and one customer presentation: cinematic focus, editorial reveal, and campaign launch.

profile-dimension · cinematic-campaignsection-family · herosection-type · herosection-style · hero.cinematic
Open evidence packet →
Media Sequence Creative Range Demonstration preview

About this evidence

demonstration2 images

Media Sequence Creative Range Demonstration

Show three materially different Media Sequence compositions from typed Hugo source and one Customer Brand System: editorial story, cinematic study, and selected-work reel.

profile-dimension · immersive-product-storysection-family · mediasection-type · media-sequenceblock-family · media-gallery
Open evidence packet →
Pinned Media Story Creative Range Demonstration preview

About this evidence

demonstration6 images

Pinned Media Story Creative Range Demonstration

Show three safe Pinned Media Story postures from typed Hugo source: immersive chapters, editorial evidence, and a static accessible story stack.

profile-dimension · cinematic-campaignsection-family · mediasection-type · pinned-storyblock-family · media-gallery
Open evidence packet →
Tabs Creative Range Demonstration preview

About this evidence

demonstration3 images

Tabs Creative Range Demonstration

Show three accessible Tabs directions from typed Hugo source: editorial underline, compact pills, and a guided desktop sidebar.

section-family · navigationsection-type · tabsblock-family · navigation-disclosureblock · tabs
Open evidence packet →
Gallery Creative Range Demonstration preview

About this evidence

demonstration2 images

Gallery Creative Range Demonstration

Show editorial pairs, a compact visual catalog, and a natural-ratio archive from one ordered, accessible Gallery contract and one Customer Brand System.

section-family · gallerysection-type · galleryblock-family · media-galleryblock · gallery
Open evidence packet →
Video Embed Creative Range Demonstration preview

About this evidence

demonstration2 images

Video Embed Creative Range Demonstration

Show a guided direct-media feature, a privacy-aware cinematic screening, and a vertical product walkthrough from one portable Video Embed contract.

section-family · mediasection-type · videoblock-family · media-galleryblock · video-embed
Open evidence packet →
Video Hero Primitive Floor Demonstration preview

About this evidence

demonstration2 images

Video Hero Primitive Floor Demonstration

Show the safe first-viewport-media floor before Video Hero becomes a routine editor Control: visible page promise, poster-first media, native controls, captions, descriptive transcript, and an honest unsupported-source fallback.

section-family · herosection-type · video-heroblock-family · heroes-introsblock · video-hero
Open evidence packet →
Callout Creative Range Demonstration preview

About this evidence

demonstration2 images

Callout Creative Range Demonstration

Show useful context, a genuine page-wide alert, and a quiet editorial aside from one concise portable Callout contract.

section-family · editorialsection-type · calloutblock-family · narrative-editorialblock · callout
Open evidence packet →
Post Hero Creative Range Demonstration preview

About this evidence

demonstration6 images

Post Hero Creative Range Demonstration

Show reading-first, wide visual-feature, and profile-led article openings from one portable Post Hero contract and canonical page metadata.

section-family · herosection-type · article-heroblock-family · heroes-introsblock · post-hero
Open evidence packet →
Founder Profile Creative Range Demonstration preview

About this evidence

demonstration6 images

Founder Profile Creative Range Demonstration

Show a balanced founder story, expressive artist manifesto, and compact practitioner authority profile from one truthful, portable person contract.

section-family · peoplesection-type · profileblock-family · people-profilesblock · founder-profile
Open evidence packet →
Trust Badges Creative Range Demonstration preview

About this evidence

demonstration6 images

Trust Badges Creative Range Demonstration

Show compact operating assurances, a source-linked proof ledger, and an approved seal gallery without presenting every trust signal as a generic verified badge.

section-family · proofsection-type · trust-marksblock-family · trust-authorityblock · trust-badges
Open evidence packet →
Coming Soon Trust Creative Range Demonstration preview

About this evidence

demonstration6 images

Coming Soon Trust Creative Range Demonstration

Show a launch readiness ledger, compact status rail, and privacy-first note without converting unsupported claims into decorative trust badges.

section-family · launchsection-type · trust-marksblock-family · launch-coming-soonblock · coming-soon-trust
Open evidence packet →
Logos Creative Range Demonstration preview

About this evidence

demonstration6 images

Logos Creative Range Demonstration

Show an image-led brand wall, transparent relationship index, and compact named mentions without treating every nearby logo as trust proof.

section-family · proofsection-type · logo-cloudblock-family · trust-authorityblock · logos
Open evidence packet →
Pricing Comparison Creative Range Demonstration preview

About this evidence

demonstration6 images

Pricing Comparison Creative Range Demonstration

Show a scan-first decision matrix, open editorial ledger, and explained best-fit composition without duplicating Pricing Tiers or hiding price meaning.

section-family · pricingsection-type · comparisonblock-family · pricing-comparisonblock · pricing-comparison
Open evidence packet →
Pricing Tiers Creative Range Demonstration preview

About this evidence

demonstration6 images

Pricing Tiers Creative Range Demonstration

Show equal choices, an explained conditional emphasis, and an open inclusion ledger as three materially different Theme Family compositions over one portable Pricing Tiers contract.

theme-family · structured-claritytheme-family · immersive-atmospheretheme-family · editorial-narrativebrand-system · reference-clear-service
Open evidence packet →
Testimonials Carousel Creative Range Demonstration preview

About this evidence

demonstration6 images

Testimonials Carousel Creative Range Demonstration

Show balanced story cards, an editorial lead voice, and an open compact proof rail while preserving approved wording, attribution, source order, and a no-JavaScript reading path.

section-family · proofsection-type · testimonialssection-style · testimonials.carouselblock-family · trust-authority
Open evidence packet →
FAQ Follow-up Creative Range Demonstration preview

About this evidence

demonstration6 images

FAQ Follow-up Creative Range Demonstration

Show a split decision close, visible guided answer path, and restrained editorial contact note without duplicating the complete FAQ or inventing process promises.

section-family · conversionsection-type · ctasection-style · cta.faq-follow-upblock-family · conversion-cta
Open evidence packet →
Timeline Creative Range Demonstration preview

About this evidence

demonstration6 images

Timeline Creative Range Demonstration

Show a narrative milestone spine, an independently reviewable phase board, and a compact schedule register while preserving one ordered portable Timeline contract.

section-family · processsection-type · timelineblock-family · process-datablock · timeline
Open evidence packet →
CTA Button List Creative Range Demonstration preview

About this evidence

demonstration6 images

CTA Button List Creative Range Demonstration

Show a bounded inline action group, a source-ordered handoff stack, and a compact ruled register while preserving one portable Action List contract.

section-family · conversionsection-type · ctablock-family · conversion-ctablock · cta-button-list
Open evidence packet →
Site Type and Page Starter Foundation Range preview

About this evidence

demonstration6 images

Site Type and Page Starter Foundation Range

Make the three Site Types and their primary Page Starters visible as honest starting directions, using one source-linked Hugo range to show how the foundation adapts without becoming a locked template.

site-type · local-servicesite-type · creative-portfoliosite-type · concierge-propertypage-starter · local-service-foundation
Open evidence packet →
Page List Portable Collection Demonstration preview

About this evidence

demonstration2 images

Page List Portable Collection Demonstration

Show three visitor-led uses of one generic Hugo section query: visual recognition cards, an explanation-led register, and a compact route index.

section-family · collectionssection-type · page-listblock-family · lists-collectionsblock · page-list
Open evidence packet →
Editorial Constellation Publication Demonstration preview

About this evidence

demonstration9 images

Editorial Constellation Publication Demonstration

Show one portable publication system spanning four article experiences, Featured-led and chronological collections, multiple contributors, author archives, and explainable story placement on non-article pages.

page-type · articlepage-type · authorsection-family · editorialsection-family · collections
Open evidence packet →

Static Pagefind search

Search Foundry documentation

Type at least two characters
Search the full documentation system

Results stay inside this build profile and can be filtered by version, component, audience, and lifecycle.

By LikeStyle
Site details
Site release
Foundry Documentation 1.3.9
Foundry bundle
v1.1.11
Foundry Core
v1.1.11
Credit
Powered by Foundry, a LikeStyle product.