Preview image. Unlock full-res
French educational foundation site with large body text and a labeled vertical color bar, emphasizing clear hierarchy and organizational identity through minimal color segmentation.
Summary
Swiss-grid layout for an educational foundation: large justified body text left-aligned, white background, and a vertical color bar on the right edge (yellow, teal, pink, orange) with each segment labeled.
Visual description
A minimalist website header rendered in a browser frame. The main content area has a long block of sans-serif body text in black, flush-left against white space. Across the top-right sits a small logo and accent circle. On the right edge, a color bar of four vertical stripes (yellow, teal, pink, orange) extends the full height, each labeled in tiny type, creating a visual anchor and organizational taxonomy for the institution.
Key takeaway
The labeled color-bar system: a compact way to show brand values or department categories without visual noise. The extreme whitespace hierarchy makes long text passages feel structured and approachable rather than dense.
Reuse notes
Works well for nonprofit websites, educational institutions, or orgs with a clear color-coded framework (departments, locations, services). Pair with justified copy and ample margin. The vertical bar placement keeps the eye moving right without feeling like an ad.
