Inside the LPAS website design
LPAS is a creative website built with WordPress. Its pages are built from hero, features, editorial, gallery, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Aeonik. Palette: #E0C0A0, #808060, #604040.
Clear Process. Creative Results. Human-centered. Always Curious. At LPAS, we design with people at the center and purpose at every turn. Its visual style is minimal, photographic, and editorial, with hero with background imagery, navigation bar, and feature collection among its components.
Why we picked it
Full-bleed photos of real buildings and interiors sit in an asymmetric grid, broken by solid blocks of rust, grey and olive that label each practice area in bold white type. This color-coded sectioning turns a long portfolio into clear, scannable categories without ever leaving the photography behind.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Editorial: expressive typography with comfortable reading measure
- Gallery: minimal interface around the images
Questions designers ask
What fonts does LPAS use?
LPAS uses Aeonik, read from the fonts loaded on the captured page.
What is the LPAS website built with?
The LPAS website is built with WordPress, detected when the page was captured.
What colours does the LPAS website use?
The captured palette includes #E0C0A0, #808060, and #604040.
What sections does the LPAS website have?
The LPAS website includes hero, features, editorial, gallery, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use LPAS's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises LPAS's typography, colours, and components for your team or an AI tool.
