EU 2026
EU 2026
Design System
IntroductionHow to useLibrariesDesign System CheckerContrast CheckerChangelog
Border & RadiusBrandColourColour AccessibilityDesign SkillsDesign TokensElevationIconsSpacingTypography
Library
Components45
Accent colourAccordionAccordion contentAlertsBack to topBreadcrumbsbuttonCheckboxContent CardDetails cardDotsDropdownDropdown drawerDropdown itemFeatured cardFooterHeaderHighlights barHorizontal cardIcon cardIcon tagImage CardIreland graphicMenuMulti-selectNav itemOverflow controllerOverflow scrollerPaginationPagination optionsPlay buttonPress release rowStatus tagStepper dotsSub navTabTab itemTagText linkTop navigationUtilityUtility navUtility navigation linkVideo cardVideo overlay
Modules23
Accordion groupAccordion listBack to topCalloutContent featuredContent gridContent mediaContent specialEvent listFilterHomepage bannerIcon card gridMedia facilitiesMedia facilities groupOverviewPage ContentPage header completed eventPage header defaultPage header live eventPage header upcoming eventPresidency in numbersPress ListVideo highlights
In sync · 21 May 2026
EU 2026/Foundation

Foundation

The shared language of the system — colour, type, spacing, tokens and brand.

Border & Radius
Corners & strokes
Brand
Logos & assets
Colour
Palettes & accessibility
Colour Accessibility
Contrast pairings
Design Skills
AI design guidance
Design Tokens
Browser & history
Elevation
Shadows & depth
Icons
SVG & PNG sets
Spacing
Layout & sizing
Typography
Text styles & fonts