Vaakalogo
Verkkosivuille, hallintaan, portaaliin, webmailiin ja PDF-dokumentteihin.
FullStack Studion brändimateriaalit yhdessä paikassa.
Vaakalogo on oletus leveisiin sijoituksiin. Ikoni on käytettävissä sovelluspaikkoihin, tiiviiseen käyttöliittymään ja lataustiloihin.
Logot
Logot leveään ja tiiviiseen käyttöön.
Sovellusikoni
Faviconiin, sovellusikoniksi ja tiiviisiin brändipaikkoihin.
Värit
Vaalea perusta terävillä teknisillä korostuksilla.
Väripaletti yhdistää rauhalliset sisältöpinnat tunnistettaviin korostuksiin toiminnalle, tilalle ja tuotteen syvyydelle.
#c7ff4a
Interface lime
Ensisijainen korostusväri painikkeille, tunnisteille, fokukselle ja aktiivisille tiloille.
#101317
Ink
Ensisijainen tekstiväri, tummat brändipinnat ja sovelluksen kehykset.
#f7f8f4
Background
Rauhallinen julkinen perustausta sivuille ja osioille.
#66717d
Muted text
Tukeva leipäteksti, metatiedot ja toissijaiset tunnisteet.
#48d8ff
Cyan accent
Toissijainen korostus liukuväreille, datalle ja visuaaliselle syvyydelle.
#ff6f59
Coral accent
Lämmin korostus nostoille, varoituksille ja kontrastihetkille.
#7c5cff
Violet accent
Lisäkorostus vaihtelun luomiseen käyttöliittymäelementeissä.
Esimerkki
Connected digital system
Ink kantaa sisällön, lime ohjaa toimintaa, cyan/coral/violet pysyvät korostuksina.
Typografia
Inter Tight otsikoihin, Inter käyttöliittymään ja leipätekstiin, mono teknisiin yksityiskohtiin.
Otsikot ovat tiiviitä, paksuja ja tiukasti ladottuja kevyellä negatiivisella merkkivälillä. Leipäteksti pysyy rauhallisena, silmäiltävänä ja väljästi ladottuna.
Display
clamp(3rem, 7vw, 7.4rem) / 930FullStack Studio
Osion otsikko
clamp(2rem, 4vw, 4.35rem) / 900Digital systems that work together.
Kortin otsikko
clamp(1.45rem, 2.4vw, 2.35rem) / 860CRM & automation
Leipäteksti
1.05rem / 400Verkkosivut, portaalit ja työnkulut, jotka toimivat yhtenä järjestelmänä.
Tunniste
0.82rem / 820FULLSTACK STUDIO
Oletuspyöristys painikkeille, korteille ja työkaluille.
Julkiset sivut käyttävät leveää mutta rajattua asettelua.
Väljä riviväli pidemmälle tekstille.
Display otsikoihin, sans käyttöliittymään ja sisältöön, mono koodeihin ja teknisiin arvoihin.