Components for hub landing pages
Components for all hubs
This component presents the hub with a text piece and an image. It can have two sizes: medium and large. The images below present the two size options.
The content highlight component can be used at hubs to display a maximum of 6 liftups to other hubs and/or content pages. You can change the order of the chosen (6) liftups by dragging and dropping them in the edit mode. On the right, an example of the content highlight.
Use this component to showcase the most timely relevant and interesting articles.
Quicklinks are used for the most relevant links on the page. The component includes titles for the links and a small description. In addition, you can add an icon image for the links.
Always use 3 links, the quicklink component won't work with less or more. Only use this component once per page. Below, you find two examples of the Quicklinks component.
The icons (the small images with different background colors) can be found by clicking Select media under Image. You will find all icon options by typing: "icon" in the name search field. Choose the the one that best suits the respective content. Always use icons of the same colour in the same component. Also, fit the background colour of icons to the colour of the component.
Components for select hub landing pages
The following components are used only at the aalto.fi front page, the pages in the main navigations (except Services) and the school landing pages.
Hero magazine and Hero video
The hero components are only used by nominated editors. For Hero magazine, keep the title engaging and short.
Hero video component is the key area for the whole Aalto site. A hero video should 'wow' the site visitor, maximise the visual effect and bring emotion to the layout. The length of the video cannot exceed 5 seconds.
Rich text highlight
The background colour options are red, yellow, blue, black or a selected branding colour.
The text in the component can include links.
Social media banner
The social media banner gives a strong visual highlight while linking to social media. The background colour options are red, yellow, blue, black or branding colour.
This component provides the three most important links. Same colour options apply to this component as to other explained on this page.
Brand colours in components
Add brand colours, including school colours, in the page header and selected components. The branding selection has been expanded with the main brand colours, too.
More Drupal instructions
Get to know the aalto.fi components for creating versatility and visuality when delivering your content.
Here, you will find a short description of and a link to the different liftup components available to you at aalto.fi. With them, you can visualise and highlight the versatile content on the site.