Shared patterns

Reusable surfaces can change without breaking the engine.

These sample surfaces are only there to show the available tone families. They are a skeleton, not design instructions for the final site.

Blue

Example blue surface

Replace with the project's own content, layout, and visual direction while keeping the shared token structure intact.

Cyan

Example cyan surface

This is a placeholder tone block, not a rule for how the finished site should present its hierarchy or emphasis.

Green

Example green surface

Keep, restyle, or remove it to suit the site. The engine is the shared layer. The design around it is still yours.

Amber

Example amber surface

The blueprint shows tone options, but it does not prescribe the final character of the site being built on top of it.

Blueprint rule

Their site. Our engine.

The blueprint provides the base layer, shared structure, and runtime engine. Brand, layout character, and final design choices still belong to the team building the site.

See the engine Back home