ensemble-ops-dark
Theme lab
Ensemble Ops Dark / block
Full-width page-flow matrix for every rendered supported block, wrapper family, and theme component override.
Active recipe
Bold Launch
Ensemble Ops Dark with All visual blocks and Base defaults.
bold-launch
92 visible blocks
Theme recipe and selected appearance preset only.
16 / 9
13 presets available
6/6 dimensions covered
foundation 53visible blocks 92shadcn primitives 59Tailwind taxonomy 57theme 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.
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
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
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
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
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
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
Contrast AAText on background 15.73Text on panel 12.17Muted text on panel 6.49Button text on button 5.17Control text on control 17.74Badge text on badge 7.58
Hero
Markdown
markdown preview
Theme and appearance should remain legible.
Icon Card Grid
icon-card-grid cards
Configured
Contract-backed content.
Themeable
Styled by preset and tokens.
Surface
surface surface
Nested content inherits the selected visual treatment.
Conversion CTA
conversion-cta CTA
Calls to action keep event metadata and appearance context together.
Form Template
conversion
Form template
11 fields2 requiredPrivacy aware
We only use your answers for this request.
Metric Grid
metric-grid metrics
Bento Grid
Bento grid
Tile
Bento card sample.
themepreset
shadcn Showcase
shadcn inspired
shadcn wrapper showcase
Curated wrapper behavior keeps raw shadcn primitives internal while proving overlay anatomy.
shadcn/accordionshadcn/alertshadcn/alert-dialogshadcn/aspect-ratioshadcn/avatarshadcn/badgeshadcn/breadcrumbshadcn/buttonshadcn/button-groupshadcn/calendarshadcn/cardshadcn/carouselshadcn/chartshadcn/checkboxshadcn/collapsibleshadcn/comboboxshadcn/commandshadcn/context-menushadcn/data-tableshadcn/date-pickershadcn/dialogshadcn/directionshadcn/drawershadcn/dropdown-menushadcn/emptyshadcn/fieldshadcn/hover-cardshadcn/inputshadcn/input-groupshadcn/input-otpshadcn/itemshadcn/kbdshadcn/labelshadcn/menubarshadcn/native-selectshadcn/navigation-menushadcn/paginationshadcn/popovershadcn/progressshadcn/radio-groupshadcn/resizableshadcn/scroll-areashadcn/selectshadcn/separatorshadcn/sheetshadcn/sidebarshadcn/skeletonshadcn/slidershadcn/sonnershadcn/spinnershadcn/switchshadcn/tableshadcn/tabsshadcn/textareashadcn/toastshadcn/toggleshadcn/toggle-groupshadcn/tooltipshadcn/typography
Card wrapperWrapped primitive behavior.
Contractready
Rendererready
Validationready
Accordion wrapper
Grouped disclosure content with semantic summary controls.
Contract / Runtime
Collapsible wrapper
Single-section disclosure behavior remains contract-owned.
Contract / Runtime
Carousel wrapper
Sequential items render as a bounded preview.
Intro / Proof / Action
Toast wrapper
Transient feedback can be represented without exposing primitive props.
Contract / Runtime
Sonner wrapper
Notification texture remains an internal implementation choice.
Contract / Runtime
Empty state wrapper
No-data states use a curated message pattern.
Contract / Runtime
Skeleton wrapper
Loading placeholders are theme-aware but not CMS primitives.
Contract / Runtime
Alert wrapper
Inline status messages stay themeable and contract-driven.
Contract / Runtime / QA
Aspect ratio wrapper
Media boxes preserve stable responsive geometry.
Contract / Runtime / QA
Button group wrapper
Grouped actions remain a wrapper concern.
Contract / Runtime / QA
Chart wrapper
Chart texture is previewed without exposing chart internals.
Contract / Runtime / QA
Command wrapper
Command search stays a curated operator surface.
Contract / Runtime / QA
Context menu wrapper
Contextual actions render as semantic menus.
Contract / Runtime / QA
Data table wrapper
Operator rows stay contract-backed.
Contract / Runtime / QA
Direction wrapper
RTL/LTR treatment is validated as implementation evidence.
Contract / Runtime / QA
Hover card wrapper
Supplemental details stay in a bounded preview.
Contract / Runtime / QA
Item wrapper
List item anatomy remains consistent across themes.
Contract / Runtime / QA
Keyboard hint wrapper
Keyboard affordances stay accessible and themeable.
Contract / Runtime / QA
Menubar wrapper
Menu navigation stays semantic.
Contract / Runtime / QA
Native select wrapper
Native selects route through the CMS form-template pattern.
Contract / Runtime / QA
Navigation menu wrapper
Navigation menus remain curated site chrome behavior.
Contract / Runtime / QA
Resizable wrapper
Split panes are represented without raw primitive props.
Contract / Runtime / QA
Scroll area wrapper
Overflow content gets bounded responsive treatment.
Contract / Runtime / QA
Sidebar wrapper
Application sidebars stay a public layout wrapper.
Contract / Runtime / QA
Spinner wrapper
Loading feedback is visible through stable status evidence.
Contract / Runtime / QA
Table wrapper
Simple tabular data stays contract-first.
Contract / Runtime / QA
Adaptive Grid
Adaptive grid
Control
Adaptive grid fallback copy.
Adaptive Surface
Adaptive surface
Adaptive surface
experiment: theme-lab-appearancestrategy: staticstickygoverned
Control
Arm copy uses the selected preset.
Foundry Projection Brief
Foundry projection
Projection brief
needs review
Diagnostics
- Theme lab diagnostic
Lineage
No lineage entries yet.
Timeline
No timeline events yet.
ValuesOS Step List
How it works
step-list steps
01
Preview
Validate the rendered treatment.
ValuesOS Testimonials
Proof
The configuration is visible and testable.
ValuesOS FAQ
Questions
Does the preset apply?
Yes, through the shared appearance boundary.
ValuesOS Feature Spotlight
Spotlight
Feature spotlight
A public wrapper with themeable emphasis.
Data Capture Block
Form
data_capture_block capture
1 field1 requiredCanonical event
Required fields are marked. Replace this note with tenant policy language.
Newsletter
Newsletter
newsletter capture
1 field1 requiredCanonical event
Use this signup with tenant privacy language before publishing.
Navbar
Navbar Flyout
Navbar Simple
Footer
Image
Media
image media
%22%2F%3E%0A%20%20%3Crect%20x%3D%2288%22%20y%3D%2292%22%20width%3D%22784%22%20height%3D%22356%22%20rx%3D%2242%22%20fill%3D%22rgba(255%2C255%2C255%2C0.7)%22%20stroke%3D%22%230f172a%22%20stroke-opacity%3D%220.14%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22220%22%20cy%3D%22218%22%20r%3D%2254%22%20fill%3D%22%232563eb%22%20fill-opacity%3D%220.78%22%2F%3E%0A%20%20%3Crect%20x%3D%22316%22%20y%3D%22178%22%20width%3D%22354%22%20height%3D%2228%22%20rx%3D%2214%22%20fill%3D%22%230f172a%22%20fill-opacity%3D%220.82%22%2F%3E%0A%20%20%3Crect%20x%3D%22316%22%20y%3D%22232%22%20width%3D%22430%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22%23475569%22%20fill-opacity%3D%220.5%22%2F%3E%0A%20%20%3Crect%20x%3D%22316%22%20y%3D%22274%22%20width%3D%22308%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22%23475569%22%20fill-opacity%3D%220.34%22%2F%3E%0A%20%20%3Crect%20x%3D%22316%22%20y%3D%22334%22%20width%3D%22146%22%20height%3D%2244%22%20rx%3D%2222%22%20fill%3D%22%230f172a%22%2F%3E%0A%20%20%3Ctext%20x%3D%22388%22%20y%3D%22362%22%20fill%3D%22%23ffffff%22%20font-family%3D%22Inter%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2218%22%20font-weight%3D%22700%22%20text-anchor%3D%22middle%22%3EPreview%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
Dedicated Bethsaida parity wrapper with component-level media theming.
Image Block
Media
image_block media
Dedicated Bethsaida parity wrapper with component-level media theming.
Image Cross Fader
image_cross_fader gallery
Image Gallery
image_gallery gallery
Media Block
Media
media_block media
Dedicated Bethsaida parity wrapper with component-level media theming.
Split Image Block
Split media
split_image_block media
Dedicated Bethsaida parity wrapper with component-level media theming.
Split Image Fade Block
Split media
split_image_fade_block media
Dedicated Bethsaida parity wrapper with component-level media theming.
Spotify Embed
Embed
Iframe Embed
Html Embed
Avatar
Jordan LeeCustomer success, Theme Labonline
Breadcrumbs
Logo Cloud
Logo cloud
NorthstarFoundryBeacon
Pagination
Product Card
Product Card
Product Grid
Product grid
Launch kit
$49Ready-to-style product tile.
new
Care plan
$19Recurring service tile.
plan
Product Grid
Product grid
Launch kit
$49Ready-to-style product tile.
new
Care plan
$19Recurring service tile.
plan
Search Discovery
Search discovery
RAG-ready discovery surfaces show local results, source cards, and provider trace metadata.
ProductsResourcesServices
Discovery
Guided result
Static-first result with a source-backed summary.
source-backedlocal
Theme Lab source A
OpenSources
Replace demo retrieval data with tenant-approved sources before publishing.
Integration Embed
Crm Embed
Scheduler Embed
Social Embed
Map Embed
Newsletter Embed
Donation Embed
Application Embed
Listing Card
listing
Structured listing
$1,250A reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewVehicle Listing
vehicle
Structured listing
$1,250A reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewProperty Listing
property
Structured listing
$1,250A reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewJob Posting
job
Structured listing
$72k-$92kA reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewCourse Card
course
Structured listing
$1,250A reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewProgram Card
program
Structured listing
$1,250A reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewTravel Package
travel-package
Structured listing
$1,250A reusable listing card with metadata, source display, and inquiry action.
query-backedreusable
Local data
ViewListing Grid
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
Sources
Listing demo index
Vehicle Listing Grid
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
Sources
Listing demo index
Property Listing Grid
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
Sources
Listing demo index
Job Board
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
Sources
Listing demo index
Course Catalog
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
Sources
Listing demo index
Program Grid
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
Sources
Listing demo index
Travel Package Grid
Query-backed listings
Local listings filter first and can bind to provider-neutral listing APIs.
Open nowNearbyFeatured
RecommendedNewest
travel-package
Featured match
$1,250A structured listing result with source metadata.
featured
Local data
ViewSources
Listing demo index
Appointment Availability
Appointment availability
Provider-neutral time options with explicit confirmation language.
Tuesday consult window
Tuesday / 10:00 AM / Request confirmation
Request timeThursday consult window
Thursday / 2:30 PM / Request confirmation
Request timeTimes are placeholders until a provider confirms availability.
Document Intake
Document intake checklist
A non-persistent checklist for requirements before a human-reviewed handoff.
Photo ID
Bring or prepare current identification.
Supporting notes
Summarize goals, timing, and open questions.
This demo does not upload, store, or submit files.
Estimator Calculator
Quote estimator
Static assumptions, inputs, outputs, and provider-neutral handoff CTA.
Inputs
Household or project size
Not set units
Timing
This quarter
Outputs
Estimated range
$1,200-$2,400
Demo-only range based on local assumptions.Review needed
Human confirmation required
Final numbers require provider review.Assumptions
- Uses example content only
- No submission or stored calculation is created
This estimator is informational and does not provide binding advice, pricing, or eligibility.
Quote Calculator
Quote estimator
Static assumptions, inputs, outputs, and provider-neutral handoff CTA.
Inputs
Household or project size
Not set units
Timing
This quarter
Outputs
Estimated range
$1,200-$2,400
Demo-only range based on local assumptions.Review needed
Human confirmation required
Final numbers require provider review.Assumptions
- Uses example content only
- No submission or stored calculation is created
This estimator is informational and does not provide binding advice, pricing, or eligibility.
Tax Estimator
Tax planning estimator
Static assumptions, inputs, outputs, and provider-neutral handoff CTA.
Inputs
Household or project size
Not set units
Timing
This quarter
Outputs
Estimated range
$1,200-$2,400
Demo-only range based on local assumptions.Review needed
Human confirmation required
Final numbers require provider review.Assumptions
- Uses example content only
- No submission or stored calculation is created
This estimator is informational and does not provide binding advice, pricing, or eligibility.
Title Card Block
Title card
Migration-ready surface
Legacy title cards now have a dedicated themed wrapper.
7Blocks
Header
Header2
Splash Hero
Article Block
article_block preview
Theme and appearance should remain legible.
Content Block
content_block preview
Theme and appearance should remain legible.
Typography
typography preview
Theme and appearance should remain legible.
ValuesOS Feature Grid
feature-grid cards
Configured
Contract-backed content.
Themeable
Styled by preset and tokens.
ValuesOS Stats
stats metrics
ValuesOS CTA
cta CTA
Calls to action keep event metadata and appearance context together.
ValuesOS Text
text preview
Theme and appearance should remain legible.
Flex Row
flex_row surface
Nested content inherits the selected visual treatment.
Flex Column
flex_column surface
Nested content inherits the selected visual treatment.
Grid
grid surface
Nested content inherits the selected visual treatment.
Steps
How it works
steps steps
01
Preview
Validate the rendered treatment.
Timeline
How it works
timeline steps
01
Preview
Validate the rendered treatment.
Testimonial
Proof
The configuration is visible and testable.
Testimonial2
Proof
The configuration is visible and testable.
Testimonial3
Proof
The configuration is visible and testable.
Cta Social
cta_social CTA
Calls to action keep event metadata and appearance context together.
Feature Block
feature_block cards
Configured
Contract-backed content.
Themeable
Styled by preset and tokens.
Offset Feature List Block
offset_feature_list_block cards
Configured
Contract-backed content.
Themeable
Styled by preset and tokens.
Three Column Feature Block
three_column_feature_block cards
Configured
Contract-backed content.
Themeable
Styled by preset and tokens.