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
Start with the site problem, then compare the art-direction promise.
Follow the route, fixture, portable files, and declared controls.
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.
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
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
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
Identity
Reference Brand Systems
Concrete identity dimensions for comparison and proof. These are references, never customer identities.
Reference Clear Service
Demonstrate a practical, trustworthy identity without embedding a real customer's facts or making green service styling a Theme Family.
Reference Literary Studio
Demonstrate an authored editorial identity whose customer typography and color values remain independent from narrative layout grammar.
Reference Natural Destination
Demonstrate a place-led identity with accurate media, natural color roles, and clear inquiry behavior independent from gallery composition grammar.
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.
Reference Experimental Studio
Demonstrate an expressive studio identity with hard geometry, confrontational contrast, and a repeatable system rather than a custom renderer fork.
Reference Playful Consumer
Demonstrate an energetic consumer identity with friendly choice architecture, bold but accessible color roles, and maintainable responsive sections.
Reference Refined Hospitality
Demonstrate a restrained place-led identity whose material detail, media accuracy, and quiet inquiry language remain independent from property composition grammar.
Starting systems
Site Foundations
Site Types describe the problem. Blueprints resolve a portable first structure without locking the final design.
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
- Clear, Practical ServiceStart with a compact, trustworthy service experience that makes choices and actions immediately understandable.
- Editorial, High-Consideration ServiceUse more narrative pacing for a service whose visitors need context, process, and evidence before contacting the team.
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
- Quiet Editorial PortfolioLead with point of view, authored work, and calm reading rhythm rather than a generic project grid.
- Experimental Mixed-Media StudioUse stronger display contrast, sequencing, and bounded motion while preserving source order and reduced-motion equivalence.
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.
Proofproof · stable
Trust, evidence, reassurance, and credibility.
Job: Help the visitor believe the claim through proof, attribution, outcomes, or authority signals.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Forms & Contactforms · stable
Inquiry, contact, and portable form intent surfaces.
Job: Collect structured visitor intent or contact details while keeping form behavior framework-owned.
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.
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.
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.
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.
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.
Source-backed packets
Visual Examples
37 packets connect 166 full-size artifacts to routes, source, checks, limits, and exact preview identity.

About this evidence
Clear Service Demonstration
Show structured service hierarchy, direct conversion paths, and a practical reference Brand System as ordinary Hugo content.
Open evidence packet →
About this evidence
Literary Studio Demonstration
Show a restrained editorial hierarchy, authored reading rhythm, and portable Markdown source without turning typography into a hidden override.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
Natural Destination Demonstration
Show a media-led destination experience with accurate source media, clear inquiry behavior, and responsive gallery composition.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
Tabs Creative Range Demonstration
Show three accessible Tabs directions from typed Hugo source: editorial underline, compact pills, and a guided desktop sidebar.
Open evidence packet →
About this evidence
Evidence Controls Creative Range Demonstration
Show nine materially different, preset-first Stats Grid, Testimonials, and Icon Grid compositions from typed Hugo source.
Open evidence packet →
About this evidence
Audio Player Creative Range Demonstration
Show focused listening, featured episode, and downloadable resource compositions from one portable, progressively enhanced Audio Player contract.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
Callout Creative Range Demonstration
Show useful context, a genuine page-wide alert, and a quiet editorial aside from one concise portable Callout contract.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
Founder Profile Creative Range Demonstration
Show a balanced founder story, expressive artist manifesto, and compact practitioner authority profile from one truthful, portable person contract.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
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.
Open evidence packet →
About this evidence
Embed Loading and Activation Demonstration
Show autonomous deferred iframe loading and an explicit visitor-activation gate with ordinary fallback links and no site-local JavaScript.
Open evidence packet →
About this evidence
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.
Open evidence packet →