Connecticut Justice Alliance

Item: Connecticut Justice Alliance
Rating: 7

Youth-centred group keeping kids out of the legal system.

7.0/10MABTU rating

DESKTOP · 1440 × 900/ ↗

Connecticut Justice Alliance Home page, desktop

MOBILE · 390

Connecticut Justice Alliance Home page, mobile

Section outline · Home

01header70
02heroConnecticut’s future is on us all.900
03media textTell CT: No New Youth Prisons!675
04contentCT wants to lock kids up, again. You can push back.346
05features gridSpeak Up810
06features gridWhen it comes to fighting for young people, our track record is strong.902
07footer832

Rating · Home

Visual design7.4

UX & clarity6.8

Originality7.3

Craft & consistency7.2

Motion6.0

Performance & a11y6.0

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

Main colours

Mixed sections·off white background·muted

Typography

New Titleheading · font · self-hosted Cooper Hewittbody · serif · self-hosted

Stack & style

WordPress jQuery Bootstrap

Bold typography Photography-led Grain / texture Hamburger-only nav Mega menu Parallax Sticky header Transparent header

Also: Cloudflare, Google Analytics, Google Tag Manager, WP Engine

Design DNA

Charcoal grain background, a custom stencil-like condensed wordmark, and a tall condensed white headline beside a collage of offset pastel rectangles (cream, pale blue, pink, lavender gradient) framing a group photo of young people. Thin rule under the headline, short paragraph and a small white 'About us' button with a lavender arrow chip. Lavender Donate tab in the top corner.

Worth borrowing

Frame a documentary photo with offset flat pastel rectangles and a grainy gradient strip.
Use a lavender Donate tab as the only colour in a dark header.
Put a small arrow chip inside a plain white button.