Skip to content
Indicative concept prototype — not a final brand, signed-off design or validated build. Subject to discovery with DN Colleges Group.
DN CollegesGroup · Concept
Design system · concept

One system. Five identities. Every page editable.

The tokens, type and components powering this concept site — structured from publicly available course, campus and event content across don.ac.uk, northlindsey.ac.uk, ucdon.ac.uk, ucnl.ac.uk and humberenergy.co.uk for prototype demonstration.

14 sample courses5 campus identities8 sample events6 audience routes

Brand tokens

A single OKLCH palette in src/styles.css drives every surface, badge and chart — light and dark mode mapped from the same source of truth.

Ink
--ink
Primary text & dark surfaces
Cream
--cream
Page background, warm neutral
Forest
--forest
Doncaster College identity · focus ring
Coral
--coral
North Lindsey College identity · alerts
Sky
--sky
University Campus Doncaster identity
Plum
--plum
UCNL identity
Amber
--amber-brand
HESTA identity · accent CTA · selection
Surface 2
--surface-2
Subtle panels, chips, hover states

Campus identity system

Each member college keeps its own accent colour, short name and logo — applied consistently to cards, event chips, course filters and the analytics chart.

Doncaster College logo

Doncaster College

Doncaster, South Yorkshire

The largest provider of Apprenticeships and Further Education in our region — winner of Best Further Education College 2019 at the WhatUni Student Choice Awards. Post-16 study programmes, apprenticeships, short courses and Higher Education.

T LevelsAccess to HEConstruction
--forest259 courses
North Lindsey College logo

North Lindsey College

Scunthorpe, North Lincolnshire

A key training provider in Scunthorpe for over 60 years. Post-16 study programmes, apprenticeships, traineeships, part-time short courses and Higher Education — with deep employer partnerships across the Humber.

EngineeringHair & BeautyHospitality
--coral249 courses
University Campus Doncaster logo

University Campus Doncaster

Doncaster

Over 1,200 students a year studying Foundation Degrees, HNDs, BA/BSc, MAs and professional courses — close to home, close to industry.

EducationHealthBusiness
--skyFdA · BA · BSc · MA
University Campus North Lincolnshire logo

University Campus North Lincolnshire

Scunthorpe

Industry-aligned higher education for the Humber, with strong applied projects, sector partnerships and progression routes into engineering, cyber, health and business careers.

EngineeringCyberHealth
--plumApplied HE
Humber Energy Skills Training Academy logo

Humber Energy Skills Training Academy

Humber region

Specialist training for offshore wind, renewables, hydrogen, welding and safety — supporting the Humber energy cluster and its decarbonisation pipeline.

Offshore windRenewablesWelding
--amber-brandEnergy & renewables

Typography

Fraunces for editorial display, Inter for UI and long-form — paired for high contrast and accessible rhythm at every breakpoint.

Skills that take you further.

Editorial italic accents

Inter 24px — used for lead paragraphs and prominent copy across the homepage.

Inter 16px — the workhorse body size for course descriptions, event summaries and long-form content. Tuned for legibility with OpenType ss01 and cv11 features enabled.

Eyebrow · uppercase label

Buttons & links

A compact set of primary, secondary, accent and inline link styles — used consistently across navigation, CTAs and forms.

Browse all 14 sample courses

Course card

Reusable card used on /courses, campus pages and search results. Subject, level, campus and mode chips are colour-tagged to the campus identity.

DoncasterLevel 3Part-time

AAT Level 3 Diploma in Accounting

An AAT entry-level accounting qualification covering financial accounting, management accounting techniques, tax processes and business awareness — delivered one full day or two evenings per week.

1 year part-timeStarts Sept 2026
DoncasterLevel 3Full-time

Access to HE Diploma (Science)

A QAA-accredited Access diploma covering Biology, Chemistry and Medical Physics. Designed for adults progressing to careers in Biomedical Sciences, Pharmacy, Dental Hygiene, Optometry, Forensics, Radiotherapy and more.

1 yearStarts Sept 2026
North LindseyLevel 3Full-time

Access to HE Health Science Professions SEGA Level 3 Diploma

SEGA-validated Access diploma for adults targeting Nursing, Midwifery, Paramedic Science and allied health degrees at Russell Group and post-92 universities.

1 yearStarts Sept 2026

Event card

Date-led card sampled from publicly available event listings across the campus calendars — colour chip identifies the host campus at a glance.

North LindseyEmployer

·Free

Business Networking Breakfast

Fresh coffee, breakfast and a focused talk on how to maximise funding for workforce development — reduce training costs and invest more effectively in your team.

UCNLConference

·Ticketed

Early Years & Primary Education Conference

Keynote from international narrative consultant Katrice Horsley (former UK National Storytelling Laureate) — an inspirational day to fuel your practice.

HESTAOpen event

·Free

HESTA Open Event — Energy Skills Academy

Full campus open: tours and activities in our workshops and classrooms supporting sustainable solutions for the energy industry.

Audience blocks

Six clear entry points used on the homepage — every block is a structured component editable in the CMS.

School leavers

T Levels, A Levels, vocational diplomas and apprenticeships from 16+.

Explore 16–19 routes

Adult learners

Return to learning at any stage — Access to HE, ESOL, English & maths, professional qualifications.

Adult learning

Apprentices

Earn, learn and progress with regional employers across 20+ sectors.

Find an apprenticeship

Employers

Apprenticeships, bespoke training, workforce planning and recruitment support.

Partner with us

Higher Education

Foundation degrees, BA/BSc, top-ups and Level 7 — close to home, close to industry.

Study HE locally

Parents & carers

Open events, financial support and what to expect when your young person joins us.

Support your learner

Forms & inputs

Accessible labels, visible focus states (Forest 2px outline) and high-contrast inputs — designed with WCAG 2.2 AA principles in mind and prepared for formal accessibility validation during discovery.

Alert banner

Time-sensitive comms — uses the Coral identity colour for high-visibility, low-anxiety alerting.

Heads up: Doncaster campus is closed today due to weather. Online learning continues as scheduled.