Phase 2

Reusable components in review.

This route exists only to verify the component library before the full page builds begin.

Section Header

A calm, repeatable heading system.

This example confirms the label, heading, and optional subtitle hierarchy for later page sections.

The site should feel like a well-set book, not a product demo.

— Build brief

Service Card

The grid below is only for visual QA at this stage.

A quiet card sample for spacing, line treatment, and type hierarchy across the service grid.

Used here to confirm the cards hold rhythm consistently across two lines and responsive breakpoints.

A third sample to verify that the three-column desktop layout collapses cleanly on smaller screens.

Modality Tile

The icon treatment stays small and functional, never decorative.

Icon, heading, and body rhythm sample.

Quiet tile treatment with no hover lift.

Gold icon, serif title, restrained supporting text.

Responsive grid behaviour for the About page tile system.

Consistency check for the modality set.

Final tile to confirm six-up layout and spacing.

A slower rhythm gives the words room to land.

— Component QA

Contact Form

This verifies field styling, spacing, labels, and the six-option intent list before backend wiring in Phase 6.