Tyylikirjasto

Tällä sivulla on tallessa sivuilla käytettävät tyylit.
Katso Client First -dokumentaatio täältä.
HTML Otsikko tägit

H1
Sample text is being used as a placeholder.

H2
Sample text is being used as a placeholder as real text.

H3
Sample text helps you understand how real text may look on your website.

H4
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.
Otsikkoluokat

heading-xlarge

heading-xlarge sand

heading-xlarge Orange

heading-large

heading-medium

heading-small

heading-xsmall

Muut HTML Tägit

All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All Links
All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Tekstiluokat

text-size-large
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-medium
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-small
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-tiny
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-strikethrough

text-style-italic

text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
text-style-quote
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-3lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.dolor sit amet,

Tekstin paino
text-weight-xbold
text-weight-bold
text-weight-semibold
text-weight-medium
text-weight-normal
text-weight-light
Tekstin tasaus
text-align-left
text-align-center
text-align-right
Tekstin väri
text-color-grey
text-color-grey
text-color-black
text-color-primary
text-color-secondary
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  1. The rich text element allows you to create and format headings,
  2. The rich text element allows you to create and format headings,
  3. The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Placeholder
This is a placeholder image.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Placeholder
This is a placeholder image.
Blog Rich Text

Heading 1

1. Seuraat laajasti kansainvälistä designmaailmaa ja sinulla on merkittävä verkosto kansainvälisellä kentällä. Mikä on kiinnostavin uusi trendi, jonka haluaisit jakaa Creative Finlandin lukijoille? Mikä sinua innostaa juuri nyt?

"Minua innostaa ajatus siitä, että muotoilun ja luovan alan keinoja on sovelletaan uusilla tavoilla. Ennen muotoilulla etsittiin vastausta kysymykseen miten. Miten asioita voidaan suunnitella nopeammiksi, tehokkaammiksi, paremmiksi. Nykyään muotoilu vastaa kysymykseen miksi.

Esimerkin omainen H2 tason otsikko...

Se näkyy taustoituksessa, arvolähtöisyydessä ja syy-ja seuraussuhteen pohdinnassa. Muotoilija tunnistaa omaa vastuutaan ja vaikuttavuuttaan. Arvostus monialaista luovuutta kohtaan kasvaa sekä luottamukseen muotoilun kykyyn ratkaista suuriakin ongelmia."

"Ennen muotoilulla etsittiin vastausta kysymykseen miten. Nykyään muotoilu vastaa kysymykseen miksi."

2. Viimeiset vuodet ovat olleet haastavia sekä tapahtumille että designin bisnekselle. Miten design on liiketoimintana muuttunut viimeisen parin vuoden aikana?

"Voisin puhua esimerkiksi puhua kaupan siirtymisestä verkkoon, mutta mennään pidemmälle. Olisi kiinnostava nähdä kaupan alan vastaaminen siihen, miten kuluttajat vaativat parempaa.

Esimerkin omainen nelostason otsikko

Eli ensin tunnistetaan uuden sukupolven kuluttajan muutos: arvot, tarpeet ja toiveetkin ovat kehittyneet. Ainakin minun kuplani sisällä kuluttajat vaativat vastuullisuutta, ja haluaisin ajatella että ilmiö on laajempi. Haluan nähdä, miten siihen vastataan.

Esimerkin omainen vitostason otsikko

Designin bisnekseen tämä muutos vaikuttaa niin, suunnittelijat pystyvät selittämään ja kommunikoimaan isoja muutoksia. Muotoilulla on erikoisarvoa siinäkin mielessä, että kaikki on kompleksista, monitasoista ja jatkuvassa muutoksessa vastakin.

Esimerkin omainen kutostason otsikko

Uskon, että muotoilijat voivat olla välittämässä ja tulkitsemassa muutosta niin yrityksille kuin kuluttajillekin."

Helsinki Design Weekin päätapahtuma on tänä vuonna Alvar aallon suunnittelemassa "sokeripalassa"

3. Olet rakentanut johtamastasi Helsinki Design Weeklystä oman median perinteisen muotoilutapahtuman ympärille, ja kyseinen media on kasvanut tärkeäksi kanavaksi myös tapahtumien välille. Mikä ohjaa Weeklyn tekemistä, mikä sillä on tavoitteena?

"Meillä on tapahtuma, joka tavoittaa laajasti pohjoismaisen muotoilukentän kymmenen päivän ajaksi Helsingissä syyskuussa. Miksi päästäisimme irti tästä joukosta, kun festivaali päättyy? Ensimmäinen tavoite Weeklyssä on olla Itämeren alueen paras muotoilun toiminta-alusta. Helsinki Design Weekly on ajankohtainen, yllättävä ja avoin kaikille.  

Yhteiskunnallisella tasolla muotoilu ja arkkitehtuuri ovat valtavia voimia, mutta niitä huomioidaan ja niistä puhutaan hämmästyttävän vähän. Weeklyssä tuomme julki keskustelua, ihmettelyä, ja monenlaista puhetta sitä, mitä muotoilu voi tuoda ihmiselämään. Ajattelen myös niin, että ajatuksella tehdyssä kritiikissä on suuri muutosvoima.

"Yhteiskunnallisella tasolla muotoilu ja arkkitehtuuri ovat valtavia voimia, mutta niitä huomioidaan ja niistä puhutaan hämmästyttävän vähän."

Meillä on aktiivinen ja orgaanisesti kasvanut uutiskirje, jota avataan hyvällä prosentilla ja luetaan paljon. Se luo vastuuta. Meille on tärkeää, että Weeklyn sisällöt ovat ilmaisia ja kaikille saatavilla. Radiossa, sivustolla ja somessa sisältömme on aina maksutonta. Suunnittelun, muotoilun ja arkkitehtuurin lukutaidon lisäämisen on pitää olla kaikkien ulottuvilla nyt ja jatkossa."

4. Design luo jatkuvasti merkityksiä elämäämme ja on läsnä kaikkialla. Mikä on yllättävä tilanne, joka sinua inspiroi tai koskettaa?

"Olen innostunut onnekkaista sattumuksista, ja niille avoimena pysymiselle. Kun ympäristö on suunniteltu, ja suunnittelijat ovat harkinneet jokaista ratkaisua, ympäristö tai rakennus jättää tilaa sille, että voit toimia inhimillisesti ja vapaasti kaupungissa, verkossa, ulkona ja sisällä.

Muotoilu antaa työkaluja tunnistaa sitä suunniteltua ympäristöä, ja tunnistaminen puolestaan auttaa olemaan enemmän läsnä. Se johtaa parhaimmillaan kohtaamisiin ja onnekkaisiinkin sattumuksiin."

+1 Helsinki Design Week järjestetään syyskuussa. Mitkä ovat sinun tärppisi tämän vuoden HDW:lle?

"Ensimmäinen suositus on vierailu päätapahtumapaikassamme. Kanavaranta 1 eli Sokeripala on Alvar Aallon suunnittelema ja vuonna 1962 valmistunut Stora Enson entinen pääkonttori. Järjestämme rakennuksessa opastettuja arkkitehtuurikierroksia.

Erityisen ylpeä olen siitä, että saimme mukaan ravintola Kuurnan, jonka kanssa toteutamme ylimmän kerroksen kabinetteihin pop up -ravintolan. Katolle tulee myös Artek Winebar, jossa järjestämme luovuusteemaisen Weekly Talks -keskustelusarjan.

Design Diplomacy -keskustelukonsepti kutsuu kylään suurlähettiläiden residensseihin

Toinen tärppini on klassikkotapahtuma Design Diplomacy. Design Diplomacy avaa suurlä­het­ti­läiden kodit ja kutsuu kylään kiinnostavimmat keskustelijat. Kyseessä on keskustelukonsepti, jossa suurlähettiläiden residensseissä nähdään kaksi puhujaa: yksi kotimainen ja yksi suurlähetystön kotimaasta tuleva muotoilun ammattilainen.

Suunnittelijat kohtaava korttipelin äärellä, jonka jokaisesta kortista löytyy kysymys. Kortit valitaan umpimähkään, eivätkä puhujat voi valmistautua kysymyksiin etukäteen – näin yllätyksellisyys on taattu. Tilat ovat upeita ja mukana on uusiakin tuttavuuksia. Esimerkiksi Uruguayn suurlähettiläs asuu Pohjoisrannassa, niin sanotussa Donnerin talossa."

  • Lista
  • Lista
  • Lista

Tuosta

  1. Ykkönen
  2. Kakkonen
  3. Kolmonen

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Placeholder
This is a placeholder image.
Rich Text FAQ

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Placeholder
This is a placeholder image.
Väripaletti
Usefull Black
Useful White
Useful Grey
Brand Grey
Separator Grey
Brand Sand
Pure Black
Pure White
Darker Sand
Brand Primary
Primary Light
Primary Dark
Brand Secondary
Secondary Light
Secondary Dark
Text color
XXX
Background 1
Background 2
Filtteritägit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Taustat
Ikonien koot
1x1 ikonit
Some ikonit
Muut ikonit
Muita elementtejä

List

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.