Component Studio

Design it once. Keep it right everywhere.

Build reusable sections on their own canvas, then place them across every page that needs them.

See components

Reusable sections

One component. Every page.

Resize it, update it, and keep every instance connected.

W800×H400

Save component

NORTHPINEReusable hero

Guided hikes · Pacific Northwest

Go farther into the forest.

Component preview · Resizable at the active breakpoint

Find a guided hike

Blank

640 × 420 minimum

Card

420 × 520 minimum

Inline row

720 × 140 minimum

Narrow panel

360 × 640 minimum

Grid

1120 × 620 minimum

Hero

100% × 100dvh

Full-width section

100% × auto

Content block

560 × 560 minimum

Change the source. Update the site.

Refine the source once and carry the change through every page that uses it.

Start building

Component Studio / Detail

A system that stays editable.

Define the structure once, expose the right controls, and let every instance stay connected to the source.