Skip to content

La Trobe Design System > DS-Home > Design System components > DS Hero promo

DS Hero promo

Component description	The DS Hero promo component is for restricted usage. It is only used on our website’s homepage and on approved campaign pages. Please seek advice and get approval before using this component.
Component field properties Character count limits and recommendations per field Mandatory and optional elements Other notable display options.	Heading field Mandatory field Character count: 40 characters or less including spaces Plain text – no HTML Subheading field Mandatory field Character count: 60 characters or less including spaces Plain text – no HTML No Body text description field with this component. Call to action button (CTA) field One primary button only [Optional] Text: Five words or less, use active voice, do not use 'learn more', 'read more', or 'click here' as not best practice for links. Plain text – no HTML Display options There are three versions: Standard: for use with banner images (faces right and centered) image is full width and cropped top and bottom on central 30% vertical displays. Image-right: for use with a standard 3:2 ratio (almost the whole image will display on right side) Transparent: like 1. except a gradient display on the left of the image.
Guidelines for use	The DS hero promo should only be used on high strategic value, high traffic value landing pages, where authorisation is given. Ensure headings and subheadings are clear, concise and introduces the page content written in plain language. Use a high-resolution image that will add value and relevance to the content of your page.
Most suited for these page types	La Trobe University homepage www.latrobe.edu.au Campaign pages
Example(s) of use	https://www.latrobe.edu.au/courses/campaign/interest-it https://www.latrobe.edu.au

Samples

Standard version

Standard version with peekaboo content

Image right version

Transparent gradient version