Inside the Shillington website design
Shillington is an education website built with WordPress and Tailwind CSS. Its pages are built from hero, navbar, features, other, stats, editorial, CTA, testimonials, and footer sections, shown here in full-page captures and a scroll recording. Typography: Universal Sans Display (display text, headings, and body text). Colours: background #FFFFFF, text #000000, main buttons #CD9FF5, surface #FF97AF.
Shillington’s innovative approach to graphic design education means students achieve amazing results in a short amount of time, and all taught online. Its visual style is typographic, bold, and minimal, with navigation bar, hero, and feature card among its components.
Why we picked it
Oversized black headlines sit above a scrolling strip of real student posters and packaging, so the school's own output becomes the hero imagery. Bold purple, pink and red blocks separate each course and stat section, giving a long page clear visual chapters that are easy to scan.
What to look for
- Hero: a specific headline instead of a generic slogan
- Navbar: a short menu: only the destinations visitors actually look for
- Features: benefits framed around what the user gets, not internal capability names
- Stats: three or four numbers that matter to the buyer
Sections from Shillington
Questions designers ask
What fonts does Shillington use?
Shillington uses Universal Sans Display for display text, headings, and body text, measured from the captured page's CSS.
What is the Shillington website built with?
The Shillington website is built with WordPress and Tailwind CSS, detected when the page was captured.
What colours does the Shillington website use?
Measured from the captured page's CSS, the Shillington website uses #FFFFFF for the background, #000000 for text, #CD9FF5 for main buttons, and #FF97AF for surfaces.
What sections does the Shillington website have?
The Shillington website includes hero, navbar, features, other, stats, editorial, CTA, testimonials, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
