Preview image. Unlock full-res
Educational foundation landing page with large left-aligned headline text and a color-coded vertical bar chart on the right edge.
Summary
Educational foundation website with a bold left-aligned headline in a clean serif-less typeface and a vibrant color-coded vertical bar on the right edge that organizes thematic categories.
Visual description
A bright turquoise background frames a white content area with a large French headline in black serif-less type. On the right edge, a vertical bar chart uses five distinct colors (yellow, teal, pink, light blue, coral) with white labels rotated 90 degrees, creating both a functional legend and a visual accent. The composition balances generous white space on the left with bold color on the right. A small dot and institution logo anchor the top left corner.
Key takeaway
The vertical color bar as both legend and visual anchor, eliminating the need for a separate key. The high contrast between white content and turquoise background, plus the restrained color palette, creates clarity without clutter.
Reuse notes
Works well for institutions (schools, nonprofits, research foundations) where you need to categorize multiple themes or departments. The Swiss grid discipline here would support a larger system of similar pages.
