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.

Woodland Walk on Belfield Campus
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
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'

Stats Carousel Component

Site Contact Component

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

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.