Components for hub landing pages
![content highlight component with six liftups](/sites/g/files/flghsv161/files/styles/o_567w_ah_n/public/2023-11/aalto.fi%20content%20highlight%20EN.png?itok=o5BLsson)
Content highlight
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
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.
Highlight Quicklinks
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.
![individual component layouts with different brand colours](/sites/g/files/flghsv161/files/styles/1_6_288w_180h_d/public/2023-11/branding%20colour%20in%20components.png?itok=AQbEdEQM)
More Drupal instructions
Components: how to create content for aalto.fi?
Get to know the aalto.fi components for creating versatility and visuality when delivering your content.
Liftups visualise 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.
Communications Services
- Published:
- Updated: