Recipes

Reuse strong sections without hiding the structure.

Recipes help repeat strong sections and site patterns while preserving the structure a Lucra user can inspect and adapt.

Layer tree

Recipe
Surface
Slots
Preview
Promote
Reusable structures
Responsive route
Light and dark mode

Project recipe

Clear responsibility keeps the page tree easier to inspect and edit.

Section recipe

Clear responsibility keeps the page tree easier to inspect and edit.

Component recipe

Clear responsibility keeps the page tree easier to inspect and edit.

Show the feature as a working surface.

A Lucra feature page should present the product model with enough detail to feel usable: panels, states, layer choices, and the tradeoffs a builder would understand.

Layer tree

Recipe
Surface
Slots
Preview
Promote
Reusable structures
Responsive route
Light and dark mode

Project recipe

Clear responsibility keeps the page tree easier to inspect and edit.

Section recipe

Clear responsibility keeps the page tree easier to inspect and edit.

Component recipe

Clear responsibility keeps the page tree easier to inspect and edit.

Recipes

Page

Reusable structures

Model

Theme and layers

System

Reuse proven structures without hiding the layer tree.

Keep project and organization recipe scope explicit.

Use recipes after the primitive model is clear, not as a shortcut around it.

Theme, layers, and agent guidance belong together.

Lucra's edge is strongest when the visual system, page structure, and local agent instructions all point to the same build model.

Theme

Set the system for color, type, rounding, forms, and color modes.

Layers

Keep each section readable as Wrapper, Container, Flex, Grid, Surface, and content.

Agents

Let local tools learn the public contract before API-backed Studio writes exist.

Plan a Lucra site review.

This form uses native validation for the local marketing test. It keeps the form pattern visible without pretending a backend has been wired here.