Design studio

Ensemble Foundry Lab / block

Full-width page-flow matrix for every rendered supported block, wrapper family, and theme component override.

ThemeRecipeBlock setBlock designMediaAppearance preset

Active recipe

Bold Launch

Ensemble Foundry Lab with All visual blocks and Base defaults.

Grade A ready

Design systemEnsemble Foundry Lab

ensemble-foundry-lab

RecipeBold Launch

bold-launch

Block setAll visual blocks

92 visible blocks

Block designBase

Theme recipe and selected appearance preset only.

MediaGenerated media

16 / 9

Presetblock

13 presets available

QualityGrade A ready

6/6 dimensions covered

foundation 53visible blocks 92interface patterns 59layout patterns 57design tokens 43recipes 19sets 1designs 4media 1catalog 216

Quality protocol

Grade A default protocol

Every visible block is checked as a themed, recipe-aligned, responsive, cloneable CMS component with navigation and static deployment evidence.

6/6 covered

coveredVisual polish

Previews must render intentional defaults without blank blocks, broken wrappers, or clipped controls.

All-supported theme matrix preview
Operator-ready polish marker
Complete quality state marker
Stable card dimensions

coveredData composition

Matrix pages remain cloneable structured CMS payloads with stable selector metadata and page-flow composition.

theme-matrix JSON pages
flow preview layout
theme and preset selector props
CMS form event proof

coveredRecipe alignment

Theme recipes, appearance presets, and block-level defaults stay selectable together across the static matrix.

19 static matrix recipes
13 appearance presets
theme token studio controls
recipe-specific default selection

coveredWrapper readiness

Shadcn-style wrappers, form controls, and collection layouts retain themed component anatomy.

data-ensemble-shadcn-wrapper
data-ensemble-form-control
all-supported block collection
component/card parity checks

coveredResponsive ergonomics

The matrix verifies desktop, tablet, and phone layout contracts for full-width page-flow previews.

desktop CSS contract
tablet CSS contract
phone CSS contract
drawer navigation markup
accordion footer markup

coveredCrawler and agent readiness

Static matrix artifacts preserve metadata and discovery surfaces alongside runtime component proof.

static export artifacts
SEO metadata per matrix page
global navigation links
quality protocol panel evidence

Design tokens

BackgroundPanelTextSignal

H1 sizeBody sizeButton size

Surface radiusCard radiusControl radius

Page paddingPanel paddingBlock gap

Contrast AAText on background 17.42Text on panel 12.31Muted text on panel 7.19Button text on button 5.17Control text on control 17.74Badge text on badge 7.58

implemented

Hero

Launch section

A clear opening for a real business page

A polished section should name the visitor, the outcome, and the next useful action.

Plan the page

implemented

Markdown

Explain the offer clearly

The section keeps the message readable while the design treatment changes around it.

implemented

Icon Card Grid

Icon card grid

Clear promise

Explain the value in words a visitor already understands.

Designed to fit

Keep the same content polished across different visual directions.

implemented

Surface

Nested content inherits the selected visual treatment.

implemented

Conversion CTA

Conversion call to action

Calls to action keep event metadata and appearance context together.

Continue

implemented

Form Template

conversion

Form template

11 fields2 requiredPrivacy aware

We only use your answers for this request.

implemented

Metric Grid

Metric grid

CoverageReady

implemented

Bento Grid

Bento grid

Tile

Bento card sample.

themepreset

implemented

shadcn Showcase

Curated interface

Curated interface wrapper showcase

Curated wrapper behavior keeps low-level controls behind polished page patterns.

Interface / AccordionInterface / AlertInterface / Alert DialogInterface / Aspect RatioInterface / AvatarInterface / BadgeInterface / BreadcrumbInterface / ButtonInterface / Button GroupInterface / CalendarInterface / CardInterface / CarouselInterface / ChartInterface / CheckboxInterface / CollapsibleInterface / ComboboxInterface / CommandInterface / Context MenuInterface / Data TableInterface / Date PickerInterface / DialogInterface / DirectionInterface / DrawerInterface / Dropdown MenuInterface / EmptyInterface / FieldInterface / Hover CardInterface / InputInterface / Input GroupInterface / Input OtpInterface / ItemInterface / KbdInterface / LabelInterface / MenubarInterface / Native SelectInterface / Navigation MenuInterface / PaginationInterface / PopoverInterface / ProgressInterface / Radio GroupInterface / ResizableInterface / Scroll AreaInterface / SelectInterface / SeparatorInterface / SheetInterface / SidebarInterface / SkeletonInterface / SliderInterface / SonnerInterface / SpinnerInterface / SwitchInterface / TableInterface / TabsInterface / TextareaInterface / ToastInterface / ToggleInterface / Toggle GroupInterface / TooltipInterface / Typography

Request cardA compact card for service details and action context.

Command

Contentready

Rendererready

Validationready

Interface / Dialog

Consult request dialog

A focused confirmation moment for high-intent visitors.

Interface / Sheet

Service details panel

A side panel keeps extra context close to the current page.

Interface / Drawer

Mobile detail drawer

A bottom drawer keeps phone layouts calm and actionable.

Interface / Alert Dialog

Confirmation moment

Sensitive actions get clear language before the visitor continues.

Interface / Accordion

Question set

Grouped answers stay easy to scan.

Content / Interaction

Interface / Collapsible

Expandable note

Extra detail appears only when it helps the visitor.

Content / Interaction

Interface / Carousel

Story sequence

Sequential cards keep media, trust, and action bounded.

Intro / Trust / Action

Interface / Toast

Submission note

Short feedback confirms what happened after an action.

Content / Interaction

Interface / Sonner

Notification note

Status texture remains part of the page design.

Content / Interaction

Interface / Empty

Empty state

No-data moments still sound helpful.

Content / Interaction

Interface / Skeleton

Loading state

Loading feedback holds space so the layout does not jump.

Content / Interaction

Interface / Alert