Eleos

Item: Eleos
Rating: 7.8

Los Angeles developer of privately financed affordable housing.

7.8/10MABTU rating

DESKTOP · 1440 × 6,996/ ↗

MOBILE · 390

Section outline · Home

01heroLOS ANGELES-BASED DEVELOPMENT FIRM DELIVERING PRIVATELY FINANCED AFFORDABLE HOUSING.900
02features gridTHE NEED FOR AFFORDABLE HOUSING IS IMMEDIATE. THE WAY IT GETS BUILT MUST REFLECT THAT.719
03portfolioDIFFERENT SITES, SAME APPROACH.1,949
04features gridTHE MODEL THAT MAKES IT ALL WORK.770
05portfolioTHE PARTNERS WHO MAKE IT POSSIBLE947
06features gridTHE HOUSING SHORTAGE IS STRUCTURAL. SO IS OUR SOLUTION.810

Rating · Home

Visual design8.0

UX & clarity7.4

Originality8.0

Craft & consistency7.8

Motion6.0

Performance & a11y9.0

This page scores 7.8; the site score weights the home page double.

Main colours

Light·cream background·mono

Typography

JB Monoheading · mono · self-hosted JB Monobody · mono · self-hosted

Stack & style

GSAP Webflow GSAP ScrollTrigger Lenis jQuery Bootstrap

Bold typography Editorial Photography-led Swiss grid Horizontal scroll Smooth scroll Sticky header Transparent header

Also: Cloudflare

Design DNA

A giant high-contrast stencil-like 'ELEOS' wordmark fills the hero over a tree-shadow photo. All other text is uppercase monospace in small sizes on navy-black and cream bands. Projects appear as a counter ('03/13') with a large building photo and key-value spec rows; two more projects sit side by side. A brown and photo band lists 'the model' in three translucent columns, partners appear as a numbered mono list, and the footer repeats the wordmark cropped on grey.

Worth borrowing

Set every piece of body copy in uppercase monospace to make a developer feel precise and civic.
Show projects with status and location as ruled key-value rows under the photo.
Crop the huge wordmark at the bottom of the footer as a closing graphic.