UCAS design framework
Version: DF-1371-apply
Please discuss items marked “WIP” or “Needs review” with the design framework team before implementing them.
Components
- Accordions (legacy)
- Accordions
- Actions
- Articles
- Atlassian feedback
- Autosuggest styling
- Buttons
- Call-to-action buttons
- Buttons
- Cards
- Date
- Favicon
- Filters
- Forms
- Global search
- Head Element
- Help
- Hotjar
- Icons
- Information bar
- Layout
- Backgrounds
- Content Layout
- Headers
- Header no background
- Header style 2d (Sync)
- Header style 2d
- Header style 3
- Header with background (course)
- Header with background (event)
- Header with background (hub)
- Header with background (provider)
- Header with background (with breadcrumb)
- Header with background (with menu)
- Header with background (with search)
- Header with background (all variants)
- Page Layout
- Page layout with centred content
- Page layout with left sidebar
- Page layout with matching grid
- Page layout with multiple rows
- Page layout with no optionals for header and footer
- Page layout with no sidebars
- Page layout with right sidebar
- Page layout with single-column
- Page layout with two sidebars
- Page layout with two sidebars and adverts
- Page layout with breadcrumb
- Page layout with one sidebar and adverts
- Page layout with skyline
- Page footer
- Page header
- Sticky Containers
- Lists
- Messages and notifications
- Meta
- Modals
- Navigation
- Pagination
- Progress indicators
- Prose
- Schemes
- Page loading spinner
- SPA loading spinner
- Spinners
- Table
- Tabs
- Tabs v5 extra minimal
- Tags
- v5 page loading spinner
Example pages
- Account
- Admin
- Adverts
- Advisers
- Apply
- Learner
- Breadcrumb
- Centre link – Buzzword, school or college
- Centre link – Buzzword, terms and conditions
- Centre link – Buzzword
- Centre link – Buzzword, confirm school
- Centre link – Centre preferences
- Centre link – Wrong school
- Choose & Send – Choices
- Choose & Send – Overview 01
- Choose & Send – Overview 02
- Choose & Send – Contact details
- Choose & Send – Course cards
- Choose & Send – Education
- Choose & Send – Education – Add qualification
- Choose & Send – Education – Add qualification details
- Choose & Send – Education – Add qualification with modules
- Choose & Send – Education – Add qualification with modules 02
- Independent reference – sign in
- Independent reference – accept/decline
- Independent reference – predicted grades
- Independent reference – reference
- Independent reference – thank you
- Choose & Send – Personal details
- Choose & Send – Personal statement – preview
- Choose & Send – Personal statement
- Receive & Review – Overview
- Receive & Review – Substitute choice 01
- Receive & Review – Substitute choice 02
- Receive & Review – Withdraw choice
- Receive & Review – Personal statement
- Receive & Review – Application details
- Receive & Review – Personal details
- Receive & Review – Contact details
- Receive & Review – Education
- Receive & Review – Work experience
- Receive & Review – Nationality
- Receive & Review – Supporting information
- Receive & Review – English skills
- Receive & Review – Diversity and inclusion
- Receive & Review – Finance and funding
- Receive & Review – Letters
- Receive & Review – View all updates
- Receive & Review – Visa
- Receive & Review – VARIANTS Application status
- Receive & Review – Overview Extra
- Receive & Review – Confirm your choices 01
- Receive & Review – Confirm your choices 02
- Receive & Review – Confirm your choices 03
- Receive & Review – Overview Confirmed Choices
- Receive & Review – Decline all offers
- Receive & Review – Edit Contact details
- Receive & Review – Embargo Overview
- Receive & Review – Withdraw your application
- Receive & Review – Add choice
- Receive & Review – Decline place
- Receive & Review – Referee details
- Receive & Review – No reference
- Receive & Review – Centre provided reference
- Receive & Review – Confirm your choice (one option)
- Choose & Send – References
- Choose & Send – Residency and nationality
- Similarity report
- Choose & Send – Submit – Check your application
- Choose & Send – Submit – Marketing preferences
- Choose & Send – Submit – Terms and Conditions
- Choose & Send – Submit – Pay and submit (Applicant)
- Choose & Send – Submit – Pay and submit (Applicant or centre)
- Choose & Send – Submit – Thank you
- Choose & Send – Submit – Read only
- Choose & Send – Submit – Payment unsuccessful
- Choose & Send – Submit – Pay and submit (pay for full application)
- Choose & Send – Supporting information
- Choose & Send – UC Submit – Add choice
- Choose & Send – UC Submit – Pay and submit
- Choose & Send – UCAS Application Overview
- Choose & Send – Work experience
- Learner
- Centres
- Cloudflare
- Dashboard
- Datacash
- Developer
- Environments
- Gigya
- Link Accounts
- Profile Update
- Reauthentication
- Registration Login
- Gigya forgotten password success
- Gigya forgotten password
- Gigya login
- Gigya password change required
- Gigya register complete
- Gigya register
- Gigya reset password success
- Gigya reset password
- Gigya two factor authentication registration
- Gigya two factor authentication verification
- Gigya verification pending
- Gigya verification sent
- Hub
- Landing
- Provider Management
- Search
- Component
- Course details – modern languages
- Course details – music
- Course details
- Search results page – documents
- Search results page – events
- Search results page – explore
- Search results page – information
- Search landing page
- Search results page – course view
- Search results page – map view
- Search results page – provider view
- Search results page – videos
- TEF
- v5 Course details - Conservatoires
- v5 Course details - Postgraduate
- v5 Course details - Undergraduate
- v5 course details
- v5 Search results (grid)
- v5 Search results (list)
- Component
- Tests
- Themes
- Tracker