Compare Page Types for Your Site

See how different layout styles could shape your experience. Search and filter below to explore each direction.

Compare Design Styles

Four working page designs, each labeled as its own style. Search by keyword or filter by layout type, then open a style to see it live.

Style 1 Style 1 preview View This Style

Comparison Tool

Search, filter, and browse options side by side before opening.

Interactive & Tabs
Style 2 Style 2 preview View This Style

MultiSection

Three-column icon cards paired with supporting imagery. Clean and scannable, built for feature or service listings.

Grid Layout
Style 3 Style 3 preview View This Style

Project Info

Organized project details in tabbed categories, with an accordion for supporting information. Best for portfolio-style content.

Interactive & TabsPhoto-Heavy
Style 4 Style 4 preview View This Style

Photo Story

Full-width imagery and stat grids build a narrative arc. Best for storytelling-driven pages like About or Admissions.

Photo-HeavyGrid Layout
Style 5 Style 5 preview View This Style

Form-Focused

A direct, form-first layout with a supporting FAQ accordion. Best for contact, inquiry, or lead-generation pages.

Form-Focused
Style 6 Style 6 preview View This Style

Legacy Design

Homepage layout, but the header and footer are kept in the earlier Foundation Classic Blue.

Video HeroGrid Layout

No styles match your search. Try a different keyword or filter.

Scroll to Top