Explore UCD

UCD Home >
overlay image

UCD Design Library

This is the Design Library Guide

This is a guide to building a Design Library website. This will show you how to use Components in detail and showcase the new features available.

Home Slider
overlay image

Home Slider

The Home Slider component has an optional 'Sub Title', 'Content' & Internal or External Link field.

Home Slider Image dimensions are 1920px x 800px. Ensure your images are optimised by saving as the smallest file size.

Learn More
overlay image

Home Slider Video

The Home Slider Component can accommodate a video

For a video the format is mp4 with a standard ratio of 1920 x 1080. Video works best when it's compressed as much as possible to a small file size (under 5MB is ideal), no audio and 10 to 15 seconds works best for a banner video.

Learn More

Spotlights Component

This uses the content type \'ucdcanc-Home3ColsSpot\' Spotlight 1
This uses the content type 'ucdcanc-Home3ColsSpot'
This component can be displayed as a \'Slider\' or a \'Grid\' Spotlight 2
This component can be displayed as a 'Slider' or a 'Grid'
The Component creates 3 Spotlight items Spotlight 3
The Component creates 3 Spotlight items
The boxes can accommodate internal and external links Spotlight 4
The boxes can accommodate internal and external links
The Polygon Wedge can be set to appear on the left or right Spotlight 5
The Polygon Wedge can be set to appear on the left or right
Spotlight Image Dimensions are 450px x 280px Spotlight 6
Spotlight Image Dimensions are 450px x 280px
Field for 'Person's Name' image
The 'Design Library - Testimonial' component can accommodate a large image with dimensions of 1920px x 721px or a small image with dimensions of 200px x 200px.
Field for 'Person's Name', Field for 'Person's Details'
Learn More

Stats Carousel Component

Line Awesome
A library of icons to use with this component.
Carousel Item 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Carousel Item 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum dui, pharetra non urna id, mollis malesuada quam.
Carousel Item 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et erat aliquet, dapibus leo eget, viverra erat.
Carousel Item 5
Donec eu turpis facilisis, efficitur mauris quis, mollis massa.

Site Contact Component

University College Dublin, Belfield, Dublin 4, Ireland.
T: +353 1 716 7777 | E: sample.name@ucd.ie | Location Map

This component appears on every page of the site and is located in the section 'contactfooter'. Fields will only appear if populated with content. The 'contactfooter' section also contains separate components for each social media item.