École Vision

Item: École Vision
Rating: 7.2

Trilingual private schools and childcare centres across Quebec.

ecolevision.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 4,998/en ↗

MOBILE · 390

Section outline · Home

01header147
02hero1,305
03features gridThe Network at a Glance2,865
04footer827

Rating · Home

Visual design7.8

UX & clarity7.5

Originality7.5

Craft & consistency7.5

Motion6.0

Performance & a11y5.5

Main colours

Light·white background·mono

Typography

Labil Groteskheading · sans · self-hosted Labil Groteskbody · sans · self-hosted

Stack & style

Vue Vite

Bold typography Playful Illustration-led Rounded / soft Custom cursor Sticky header Transparent header

Also: Cloudflare, Google Analytics

Design DNA

Cream canvas with a very heavy dark-green grotesque set enormous, mixing upright and italic words in one headline and dropping a blue flower glyph in place of a letter. Lime, sky blue and white cut-paper shapes (stars, blobs, plus signs, clouds) sit behind tilted photo snapshots of children. Content alternates cream panels and white bands: a video card with a pill play button, a stats row of oversized numerals with hairline rules, pastel testimonial cards, and a deep-green footer where the shapes grow into a garden.

Worth borrowing

Swap one letter of the headline for a brand glyph (a flower) instead of adding a separate logo mark.
Mix roman and italic cuts of the same display face inside a single two-line headline for rhythm.
Let the footer become the payoff of the shape language: grow the cutout shapes into an illustrated garden.