Version 5
Design system

Color in use

Meadow mist remains the page ground. Blue ink, muted blue, and soft field come from the final V5 override chain. The earlier olive-and-serif description no longer reflects the site.

The shared Donate action retains marigold. View foundation colors.

Typography & measure

Libre Franklin carries headings; Outfit carries prose and controls. The primary heading weight is 600.

Display range

52–80px in the hero; the current introduction is 32–48px. Pathway headings are 26px.

Content frame

The home frame uses 76% width capped at 1080px; interiors use a 1080px frame with 20px minimum side clearance.

Body rhythm

Pathway prose is 17px with a generous 1.6–1.65 line height. Descriptions sit directly under their heading, followed by a named action.

The current pathway browser

A large image sits beside four ruled links. Hover or keyboard focus changes the accompanying image; on smaller screens the image becomes part of each choice. This replaces the older four-cell program grid.

A little clarity.

Housing counseling

A home of your own.

Homeownership

Neighbors building together.

Self-help housing

Support, close to home.

Farmworker support

Current artwork and labels; a compact specimen of the implemented composition. Generated scenes illustrate housing pathways.

Navigation, interiors & interaction

Navigation

V5 uses the shared grouped directory with its own Meadow mist surfaces, blue text, and soft hover fields. Workshops, Blog, and Contact are utility links; language controls remain available in the navigation.

Interior pages

Editorial program families use Meadow mist, blue ink, existing film photographs and archive images, and Navy actions. Contact forms and housing-counseling pages carry the same treatment. Existing component accents and states remain; this is not a complete palette normalization. Interior imagery uses photographs rather than painted scenes.

Focus & hover

Pathway focus and pointer hover select the corresponding image and soft active surface. Primary actions retain strong blue contrast.

Motion & reflow

The landscape respects reduced motion. Pathway images remain meaningful without animation, and mobile choices include their own image. Grouped menus retain labeled controls.