CalArts

Item: CalArts
Rating: 7.3

California Institute of the Arts, a multi-disciplinary arts college.

calarts.edu Save page

7.3/10MABTU rating

DESKTOP · 1440 × 8,140/ ↗

MOBILE · 390

Section outline · Home

01heroAerial campus photo above a blue schools list block
02nav blockSix school names stacked as large white links on blue816
03missionSerif statement on doodle-patterned white336
04statsThree overlapping ranking tiles in blue, cyan, lime508
05introSerif lead, short paragraph and blue pill button405
06newsThree photo cards with category kickers and dates653
07splitPink copy panel beside a student photo493
08videoCampus video framed by lime torn-edge graphics792
09eventsThree poster cards with type, venue and time626
10cardsThree outreach photo cards with links436
11ctaLime torn-edge band with apply button336
12footerNavy diagonal-striped footer with three link columns799

Rating · Home

Visual design7.8

UX & clarity7.0

Originality8.5

Craft & consistency7.2

Motion5.5

Performance & a11y7.0

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

Main colours

Light·coloured background·vivid

Typography

Skolar Latinheading · font · adobe Skolar Latinbody · font · adobe Obviouslyaccent · display · self-hosted

Stack & style

Drupal jQuery Adobe Fonts Tailwind CSS

Bold typography Editorial Playful Grain / texture Mega menu Stats band Sticky header

Also: Cookiebot, Meta Pixel, Fastly, Google Analytics, Google Tag Manager

Design DNA

White page scattered with pale cyan star and stripe doodles, over which sit blocks in electric blue, cyan, lime and hot pink whose edges are torn like a photocopy. A heavy sans sets school names as a stacked list on blue; a high-contrast serif carries mission lines and pull statements. Ranking tiles overlap each other in three colours with mixed serif and sans inside. News and event cards stay plain white with small category kickers, and a lime CTA and diagonal-striped footer close.

Worth borrowing

Give every colour block a torn photocopy edge so flat panels read as printed matter.
Overlap three ranking tiles in different brand colours instead of a neat stats row.
Scatter faint cyan star and stripe doodles on white as a background system between sections.