Components: how to create content for aalto.fi?
Get to know the aalto.fi components for creating versatility and visuality when delivering your content.
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 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 yellow images) 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.
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.
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.
The component is animated i.e. the darker-coloured elements move slightly. The background colour options are red, yellow and blue. However, the school landing pages use their own colours by default.
The text in the component can include links.
The social media banner gives a strong visual highlight while linking to social media. The background colour options are red, yellow and blue, although as with the rich text highlight, the school's landing pages use social media banners in their own colours.
This component provides the three most important links. On the school landing pages, the yellow colour in the image below is replaced with the school brand colours.
Click to the page below to find links to our other instructions on different components!
Get to know the aalto.fi components for creating versatility and visuality when delivering your content.