Explicit edges
Useful when an operator wants a more mechanical page texture.
Cross-stack appearance proof
Appearance presets travel across page, block, and adaptive arms.
Use this page as the visual regression target for WordPress, the React runtime, static export, and package consumers.
Flat and block treatments
Structural layout remains separate from visual treatment.
Flat content
Flat is the quiet default for simple customer pages and embedded surfaces.
Blocky cards
Portable props
No raw CSS is required in content.
Retro and bento cards
Bento layout can still use a distinct visual preset.
Retro
Warm campaign section
A styled content module with the same bento contract.
pagecampaign
Bento
Dense proof
Card density is still a block concern, not a theme fork.
scancompare
Events
Receipts explain what rendered
Runtime events can include the effective preset and source.
appearancesource
Brutalist metrics
Useful for bold internal dashboards or campaign moments.
Polished SaaS preset family
Elevated, outline, tinted, and dashboard presets keep SaaS pages polished without custom CSS.
Elevated metrics
Soft depth for landing and pricing proof sections.
Outline section
Crisp borders and transparent panels keep dense SaaS copy readable.
Tinted conversion band
Subtle brand tinting creates emphasis while preserving theme roles.
conversion
Dashboard form shell
Compact controls inherit dashboard preset anatomy.
2 fieldsLow-frictionPrivacy aware
We only use your answers for this request.
spotlight
Neo-brutalist feature spotlight
A sharper preset can style an existing product feature block.
conversion
Neumorphic form shell
Forms should inherit the same appearance path as marketing blocks.
2 fieldsLow-frictionPrivacy aware
We only use your answers for this request.
shadcn inspired
shadcn-styled wrapper proof
Curated wrappers can use the shared appearance contract without exposing raw primitives.
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 wrapperA product-level block can feel like shadcn while keeping a CMS-safe contract.
Contractready
Rendererready
Validationready
Command
Interaction stays inside curated runtime components.
Table
Operator rows remain inspectable and contract-driven.
| Layer | Status |
|---|---|
| Contract | wrapped |
| Runtime | wrapped |
| QA | wrapped |
Adaptive surface
Visual-only adaptive arm proof
Experiment arms can override appearance while sharing the same content intent.
experiment: appearance-preset-matrix-v1strategy: staticstickygoverned
Glass arm
Same content, glass treatment
This nested block inherits the adaptive arm appearance.
Complete the appearance review
The event should include the effective preset.