Palvelut

Hubien aloitussivujen komponentit

Joitakin komponentteja voidaan käyttää vain aalto.fi-sivuston niin kutsuttujen hubien aloitussivuilla. Näitä ovat muun muassa komponentit, jotka ovat tehokkaita brändielementtejä ja joiden tarkoituksena on säväyttää, rikkoa sisällön monotonisuus ja luoda vahva visuaalinen korostus. Tällä sivulla selitetään myös ainoastaan valikoiduissa hubeissa käytettävät komponentit, kuten ns. hero-komponentit.

Komponentit, joita voidaan käyttää kaikissa hubeissa

Hub description

Tällä komponentilla esitellään hubi tekstiosan ja kuvan avulla. Komponentilla voi olla kaksi kokoa: keskikokoinen ja suuri. Nämä kaksi eri kokovaihtoehtoa on esitetty alla olevissa kuvissa.

Komponentille saa taustavärin Branding-valinnasta.

hub description -elementti pyöreällä kuvalla ja kahdella linkillä — Hubin kuvaus ja keskikokoinen kuva

Hub description large -komponentti — Hubin kuvaus ja suuri kuva

Content highlight

Sisältöä korostavan komponentin avulla voidaan näyttää enintään kuusi muihin hubeihin ja/tai sisältösivuille johtavaa nostoa. Voit muuttaa valitun kuuden noston järjestystä vetämällä ja pudottamalla nostoja muokkaustilassa. Oikealla on esimerkki sisällön korostamisesta.

Tämän komponentin avulla voit esitellä ajankohtaisia ja mielenkiintoisia artikkeleita.

Opi lisää

Quicklinks -pikalinkit

Pikalinkkejä käytetään sivun tärkeimmissä linkeissä. Komponentti sisältää linkkien otsikot ja pienen kuvauksen. Voit myös lisätä linkkeihin ikonikuvan. Komponentin taustavärin valinta tapahtuu samalla tavalla kuin muillakin tämän sivun komponenteilla.

Käytä aina kolmea linkkiä. Pikalinkkikomponentti ei toimi, jos linkkejä on tätä vähemmän tai enemmän. Käytä tätä komponenttia vain kerran yhdellä sivulla. Alla on kaksi esimerkkiä pikalinkkikomponentista.

Kuvakkeet (pienet ikonikuvat) löytyvät napsauttamalla ”Select media” kohdassa ”Image”. Löydät kaikki kuvakevaihtoehdot kirjoittamalla ”icon” nimihakukenttään. Valitse sisältöön ja komponentin väriin parhaiten sopiva kuvake sopivalla taustavärillä.

Pikalinkkejä Hae Aaltoon -sivulla

red quicklinks component — Pikalinkkejä Henkilöstön omalla sivulla

Valikoitujen hubien aloitussivuilla käytettävät komponentit

Seuraavia komponentteja käytetään vain aalto.fi-etusivulla, päävalikon sivuilla (lukuun ottamatta osiota ”Palvelut”) ja korkeakoulujen aloitussivuilla.

Hero magazine ja Hero video

Hero-komponentteja käyttävät vain nimetyt toimittajat. Pidä Hero-magazinen otsikot houkuttelevina ja lyhyinä. Hero magazineen saa taustavärin käyttämällä Branding-valintaa.

Hero-videokomponentti on koko aalto.fi-sivuston keskeinen osa-alue. Hero-videon on tarkoitus tuottaa vau-reaktio sivuston kävijöissä, maksimoida visuaalinen vaikutus ja lisätä tunnetta ulkoasuun. Videon pituus saa olla enintään viisi sekuntia.

image of hero magazine component, text and links on left, image on the right — Esimerkki Hero-magazinestä

hero video component: wide video and title and lead text on the bottom — Esimerkki Hero-videosta

Rich text highlight

Taustavärivaihtoehdot ovat punainen, keltainen, sininen, musta tai Branding-valinnan väri. Komponentin teksti voi sisältää linkkejä.

ELEC coloured rich text highlight — Rich text highlight, jossa on linkki ja Sähkötekniikan korkeakoulun liila tausta

Sosiaalisen median banneri

Sosiaalisen median bannerilla voit korostaa sosiaalisen median tilejä linkittämällä eri kanaviin. Taustavärivaihtoehdot ovat punainen, keltainen, sininen, musta ja Branding-valinta.

Social media banner component in yellow — Esimerkki sosiaalisen median bannerista Aalto-yliopiston keltaisella brändivärillä.

Highlight Quick links

Tämä komponentti sisältää kolme tärkeintä linkkiä. Värivaihtoehdot ovat saman kuin muilla tämän sivun komponenteilla.

Komponentti on ulkoisesti saman näköinen kuin Highlight Quicklinks -komponentti.

black highlight quicklinks component — Esimerkki pikalinkkien korostuskomponentista, jonka taustaväri on musta

ENG purple highlight quicklinks component — Pikalinkkien korostuskomponentti Insinööritieteiden korkeakoulun brändivärillä

Brändivärit komponenteissa

Lisää brändivärejä, mukaan lukien koulujen värejä, sivujen ylätunnisteeseen ja tiettyihin komponentteihin. Brändivalinta on laajennettu koulujen värien käytöstä kattamaan myös pääbrändivärit.

Lue lisää värien käytöstä hubeissa ja komponenteissa