{"id":249902,"date":"2023-11-22T06:30:00","date_gmt":"2023-11-22T03:30:00","guid":{"rendered":"https:\/\/inform.click\/25-web-sivustoa-jotka-kayttavat-inspiroivaa-typografiaa\/"},"modified":"2023-11-22T06:38:00","modified_gmt":"2023-11-22T03:38:00","slug":"25-web-sivustoa-jotka-kayttavat-inspiroivaa-typografiaa","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/25-web-sivustoa-jotka-kayttavat-inspiroivaa-typografiaa\/","title":{"rendered":"25 Web-sivustoa, jotka k\u00e4ytt\u00e4v\u00e4t inspiroivaa typografiaa"},"content":{"rendered":"<p>\n  Jokainen verkkosivusto k\u00e4ytt\u00e4\u00e4 typografiaa, mutta suurin osa niist\u00e4 ei tee sill\u00e4 mit\u00e4\u00e4n erityist\u00e4.\n<\/p>\n<p>\n  Itse asiassa monet verkkosivustot, joilla k\u00e4yn p\u00e4ivitt\u00e4in, k\u00e4ytt\u00e4v\u00e4t melko huonosti typografiaa (mielest\u00e4ni), mink\u00e4 vuoksi tunnen aina valtavaa iloa, kun t\u00f6rm\u00e4\u00e4n verkkosivustoon, joka on todella mennyt ylim\u00e4\u00e4r\u00e4iseksi. mailin typografian suhteen.\n<\/p>\n<p>\n  Joten jos olet kyll\u00e4stynyt n\u00e4kem\u00e4\u00e4n kuten &#8221;Arial&#8221; ja &#8221;Times New Roman&#8221; (tied\u00e4n, ett\u00e4 olen!), tai jos tarvitset typografista inspiraatiota tulevaa projektia varten, t\u00e4ss\u00e4 on muutamia sivustoja, jotka k\u00e4ytt\u00e4v\u00e4t erinomaisesti typografiaa :\n<\/p>\n<h4>\n  1 V02 ryhm\u00e4<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/vo2-group.com\/en\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  V02 Group hy\u00f6dynt\u00e4\u00e4 verkkosivuillaan mielenkiintoista typografiaa siin\u00e4 mieless\u00e4, ett\u00e4 osa siit\u00e4 on piilotettu juoksijakuvan taakse.\n<\/p>\n<p>\n  T\u00e4m\u00e4 auttaa luomaan syvyyden tunteen ja antaa kuvan ilmassa leijuvasta typografiasta.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Crimson Text, Futura\n<\/p>\n<h4>\n  2 Millainen on tulevaisuutesi?<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/budoucnost.utb.cz\/en\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3e1e6ec6.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  &#8221;Mik\u00e4 on tulevaisuutesi?&#8221; on kauniisti muotoiltu verkkosivusto, joka k\u00e4ytt\u00e4\u00e4 s\u00e4\u00e4steli\u00e4\u00e4sti typografiaa.\n<\/p>\n<p>\n  Suunnittelu kokonaisuudessaan on varsin minimalistinen ja &#8221;tasainen&#8221;, mik\u00e4 on todenn\u00e4k\u00f6isesti syy niin seikkailunhaluiseen kirjasinvalioon (Baron Neue) isolle kirjaimelle.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Baron Neue, Georgia\n<\/p>\n<h4>\n  3 Jacob Grubbe<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.jacobgrubbe.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3e3f33f6.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Jacob Grubbe on luonut t\u00e4nne poikkeuksellisen yksinkertaisen verkkosivuston, jossa typografia on ensisijainen painopiste \u2013 kun kirjoitat, sivusto paljastaa itsens\u00e4.\n<\/p>\n<p>\n  Jacob k\u00e4ytt\u00e4\u00e4 t\u00e4ss\u00e4 mallissa vain yht\u00e4 kirjasintyyppi\u00e4 (Roboto), mutta se toimii t\u00e4ydellisesti minimalistisen muotoilutyylin kanssa.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Roboto\n<\/p>\n<h4>\n  4 salaista p\u00e4\u00e4t\u00f6st\u00e4<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.secretresolutions.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3e587f28.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Secret Resolutions on v\u00e4rik\u00e4s, hieman in-your-face -sivusto, joka aivan kuten Jacobin sivusto yll\u00e4, k\u00e4ytt\u00e4\u00e4 vain yht\u00e4 kirjasintyyppi\u00e4 (Brandon Grotesque).\n<\/p>\n<p>\n  Typografia on iso, rohkea, seikkailunhaluinen ja hauska \u2013 sivuston konseptiin n\u00e4hden t\u00e4ydellinen valinta.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Brandon Grotesque\n<\/p>\n<h4>\n  5 Perusteet09<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/basics09.de\/en\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3e729b27.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Basics09 tekee t\u00e4sm\u00e4lleen sen, mit\u00e4 tinalla lukee: se tarjoaa &#8221;perus&#8221;-sivuston, joka k\u00e4ytt\u00e4\u00e4 j\u00e4lleen kerran vain yht\u00e4 kirjasintyyppi\u00e4 (Benton Sans).\n<\/p>\n<p>\n  Benton Sans on sin\u00e4ns\u00e4 melko yksinkertainen ja tavallinen sans serif -fontti, mutta suunnittelija on k\u00e4ytt\u00e4nyt hienovaraista muotoilua ja kokoa luodakseen hierarkian tunteen, vaikka suunnittelussa olisi vain yksi kirjasintyyppi.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Benton Sans\n<\/p>\n<h4>\n  6 Degordian<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.degordian.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3e8d815f.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Degordian k\u00e4ytt\u00e4\u00e4 suuria, isoja kirjaimia typografiaa suunnittelun p\u00e4\u00e4elementeiss\u00e4, ja sit\u00e4 t\u00e4ydent\u00e4\u00e4 pienempi, normaalikokoinen teksti, joka on kirjoitettu suositulla kirjasimella: Merriweather.\n<\/p>\n<p>\n  T\u00e4m\u00e4 suurten taustakuvien ja isojen kirjainten typografian yhdistelm\u00e4 on nopeasti tulossa web-suunnittelutrendiksi t\u00e4n\u00e4 vuonna.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Futura, Merriweather\n<\/p>\n<h4>\n  7 Brancott Estate<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/pioneers.brancottestate.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3ea67104.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Brancott Estate on valinnut verkkosivuilleen taulumaisen, k\u00e4sin piirretyn tehosteen.\n<\/p>\n<p>\n  Emme ole varmoja, mik\u00e4 heid\u00e4n k\u00e4ytt\u00e4m\u00e4ns\u00e4 p\u00e4\u00e4kirjasin on, mutta se toimii Georgian rinnalla. Mik\u00e4 se on, se on eeppinen yhdistelm\u00e4.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Unknown, Georgia\n<\/p>\n<h4>\n  8 mailia Calder<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/milescalder.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3ec6ac3e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Miles Calder on luonut eritt\u00e4in minimalistisen verkkosivuston kerta toisensa j\u00e4lkeen, sivusto k\u00e4ytt\u00e4\u00e4 vain yht\u00e4 kirjasintyyppi\u00e4: Founders Grotesk.\n<\/p>\n<p>\n  H\u00e4n k\u00e4ytt\u00e4\u00e4 erilaisia \u200b\u200bmitoituksia, v\u00e4rej\u00e4 ja muotoiluja luodakseen hierarkiaa suunnitteluun.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Founders Grotesk\n<\/p>\n<h4>\n  9 Juokse AJD:lle<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/runforajd.fr\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3ef25fc9.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Vaikka t\u00e4m\u00e4 sivusto on kirjoitettu ranskaksi englannin sijaan, se n\u00e4ytt\u00e4\u00e4 silti hieman vaikealta lukea k\u00e4ytetyn kirjasintyylin ansiosta.\n<\/p>\n<p>\n  Sinun on kuitenkin my\u00f6nnett\u00e4v\u00e4, ett\u00e4 tyylillisesti se n\u00e4ytt\u00e4\u00e4 melko hyv\u00e4lt\u00e4.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Avenir Book\n<\/p>\n<h4>\n  10 SendAMessage.to<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/sendamessage.to\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3f19fb44.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  SendAMessage.to mahdollistaa henkil\u00f6kohtaisen viestin l\u00e4hett\u00e4misen yst\u00e4v\u00e4lle, perheenj\u00e4senelle tai kollegalle vain muutamalla askeleella.\n<\/p>\n<p>\n  Ainoana fonttina suunnittelija on k\u00e4ytt\u00e4nyt Proxima Novaa. kirjasintyyppi, joka tunnetaan kauneudesta suurissa koossa.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Proxima Nova\n<\/p>\n<h4>\n  11 Amazee Labs<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.amazeelabs.com\/en\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3f359820.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  N\u00e4ytt\u00e4\u00e4 silt\u00e4, \u200b\u200b\u200b\u200bett\u00e4 Amazee Labs on luonut hieman uuden ja ainutlaatuisen oman kirjasintyylin t\u00e4lle mallille, mutta se toimii Source Sans Pron ja Museon rinnalla.\n<\/p>\n<p>\n  N\u00e4m\u00e4 kaksi fonttia toimivat kauniin hyvin yhdess\u00e4, ja erityisen hyvin kuvissa n\u00e4kyv\u00e4n kirkkaan, v\u00e4rikk\u00e4\u00e4n typografian rinnalla.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Source Sans Pro, Museo\n<\/p>\n<h4>\n  12 Oudolf<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/oudolf.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3f64f707.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Oudolf-verkkosivusto on hyvin yksinkertainen ja aivan kuten Jacob Grubben verkkosivusto, joka esiteltiin aiemmin postauksessa, typografia on melkein ainoa suunnittelun elementti.\n<\/p>\n<p>\n  T\u00e4m\u00e4 verkkosivusto k\u00e4ytt\u00e4\u00e4 kuitenkin viile\u00e4\u00e4 tehostetta, jossa teksti peitet\u00e4\u00e4n tehokkaasti kuvan p\u00e4\u00e4ll\u00e4, joka sitten paljastaa itsens\u00e4 vierityksen j\u00e4lkeen.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Mason Neue Book, Univers Standard\n<\/p>\n<h4>\n  13 Min\u00e4 olen Baaz<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.iambaaz.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3f99a072.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  &#8221;I Am Baaz&#8221; k\u00e4ytt\u00e4\u00e4 kahta kaunista kirjasintyyppi\u00e4: Verlag Book ja Acrom Extra Bold.\n<\/p>\n<p>\n  Yhdistettyn\u00e4 verkkosivuston videotaustaan \u200b\u200btulos on upea. se on melkein kuin liikkuva, interaktiivinen elokuvajuliste siin\u00e4 tavassa, jolla se on suunniteltu ja muotoiltu.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Verlag Book, Acrom Extra Bold\n<\/p>\n<h4>\n  14 FS Millbank<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.fsmillbank.com\/#\/fs-millbank\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3fc34051.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FS Millbank on verkkosivusto, joka mainostaa kirjasintyyppi\u00e4: FS Millbank.\n<\/p>\n<p>\n  Sit\u00e4 on kuvattu &#8221;reittikirjasimena&#8221;, ja jos olet k\u00e4ynyt lentokentill\u00e4 tai juna-asemilla \u00e4skett\u00e4in, olet luultavasti n\u00e4hnyt siell\u00e4 olevissa kylteiss\u00e4 jotain, joka n\u00e4ytt\u00e4\u00e4 silt\u00e4.\n<\/p>\n<p>\n  Se on kaunis fontti ja toimii varmasti hyvin aiottuun tarkoitukseen.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> FS Millbank\n<\/p>\n<h4>\n  15 Studio Lovelock<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.studiolovelock.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b3ff178fd.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  N\u00e4ytt\u00e4\u00e4 silt\u00e4, \u200b\u200b\u200b\u200bett\u00e4 Futura PT:n suosio kasvaa t\u00e4n\u00e4 vuonna, ja se on j\u00e4lleen ilmestynyt Studio Lovelockin verkkosivustolle.\n<\/p>\n<p>\n  Se on ainoa suunnittelussa k\u00e4ytetty kirjasintyyppi, mutta sit\u00e4 on k\u00e4ytetty useissa eri kokoisissa, tyyleiss\u00e4 ja painoissa mielenkiintoisen suunnittelun luomiseksi.\n<\/p>\n<p>\n  Joissain paikoissa se ei edes n\u00e4yt\u00e4 samalta fontilta.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Futura PT\n<\/p>\n<h4>\n  16 Adoratorio<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.adoratorio.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b40319120.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Adoratorion verkkosivusto on suurelta osin mustavalkoinen, vaikka siin\u00e4 on outoja v\u00e4rielementtej\u00e4, kuten yll\u00e4 olevassa kuvakaappauksessa n\u00e4kyy.\n<\/p>\n<p>\n  Sek\u00e4 Montserrat ett\u00e4 Courier New ovat t\u00e4ss\u00e4 mallissa, ja vaikka n\u00e4m\u00e4 eiv\u00e4t ole mielenkiintoisimpia kirjasinvaihtoehtoja, suunnittelussa on k\u00e4ytetty taitavasti v\u00e4ri- ja seuranta-\/kerning-muutoksia erottuvan muotoilun luomiseksi.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Montserrat, Courier New\n<\/p>\n<h4>\n  17 Kuviokirjasto<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/thepatternlibrary.com\/#bicycles\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b407112c4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Pattern Library k\u00e4ytt\u00e4\u00e4 hyvin v\u00e4h\u00e4n typografiaa, koska se on p\u00e4\u00e4asiassa kuvapohjainen sivusto.\n<\/p>\n<p>\n  Kuitenkin, jos typografiaa k\u00e4ytet\u00e4\u00e4n, sit\u00e4 k\u00e4ytet\u00e4\u00e4n ensisijaisesti toimintakehotuksiin (eli &#8221;lataa nyt&#8221; -painikkeeseen). Selv\u00e4sti MostraNuovan rohkeus on t\u00e4ydellinen valinta t\u00e4h\u00e4n ty\u00f6h\u00f6n.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> MostraNuova\n<\/p>\n<h4>\n  18 Spotify. Sweet Spot<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b40add3a4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Spotify k\u00e4ytt\u00e4\u00e4 vain yht\u00e4 kirjasinta &#8221;Sweet Spot&#8221; -suunnittelussaan Yst\u00e4v\u00e4np\u00e4iv\u00e4n\u00e4, ja se toimii poikkeuksellisen hyvin yhdistettyn\u00e4 sivuston rohkeaan v\u00e4rimaailmaan ja minimalistiseen muotoiluun.\n<\/p>\n<p>\n  Erilaisia \u200b\u200bpainoja ja kokoja k\u00e4ytet\u00e4\u00e4n yksinkertaisen mutta ilmeisen visuaalisen hierarkian luomiseen.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Circular TT\n<\/p>\n<h4>\n  19 51 Pohjoinen<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.51north.nl\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b40f2e9ef.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  51 North on hollantilainen suunnittelutoimisto. He k\u00e4ytt\u00e4v\u00e4t kahta fonttia: Minion W01 ja Two Cen W01, joita molempia k\u00e4ytet\u00e4\u00e4n suhteellisen s\u00e4\u00e4steli\u00e4\u00e4sti.\n<\/p>\n<p>\n  Er\u00e4s omituinen asia, jonka huomaat t\u00e4ll\u00e4 sivustolla, on se, ett\u00e4 p\u00e4\u00e4otsikossa (&#8221;666&#8221;) k\u00e4ytet\u00e4\u00e4n tavallista fonttipainoa, kun taas alaotsikossa (&#8221;6th Anniversary&#8221;) k\u00e4ytet\u00e4\u00e4n lihavointia.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Minion W01, Tw Cen W01\n<\/p>\n<h4>\n  20 sinist\u00e4 viesti\u00e4<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.relaisblu.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b411b7b7e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  RelaisBlu on boutique-hotelli ja -ravintola Italiassa. Toisin kuin useimmat t\u00e4ss\u00e4 viestiss\u00e4 esitetyt sivustot, verkkosivusto k\u00e4ytt\u00e4\u00e4 itse asiassa kolmea t\u00e4ysin erilaista kirjasintyyppi\u00e4.\n<\/p>\n<p>\n  Useimmiten useamman kuin parin kirjasintyypin k\u00e4ytt\u00e4minen on eri kokoista ja painoista hieman riski\u00e4, \u200b\u200bmutta RelaisBlu onnistuu luomaan visuaalisesti upean muotoilun.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Geosans, Fanwood, Theano\n<\/p>\n<h4>\n  Studio 21. huhtikuuta<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/aprilstudio.rs\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b413e4f99.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  April Studio k\u00e4ytt\u00e4\u00e4 suunnittelussaan vain yht\u00e4 kirjasintyyppi\u00e4: Helvetica Neue.\n<\/p>\n<p>\n  Helvetica Neue on nyky\u00e4\u00e4n suhteellisen ylik\u00e4ytetty kirjasintyyppi (jopa Apple k\u00e4ytt\u00e4\u00e4 sit\u00e4 OSX Yosemite- ja iOS8-k\u00e4ytt\u00f6j\u00e4rjestelmiss\u00e4\u00e4n).\n<\/p>\n<p>\n  Eri painoja, kokoja ja v\u00e4rej\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 April Studio on kuitenkin luonut selke\u00e4n ja yksinkertaisen suunnittelun, jossa on selke\u00e4 visuaalinen hierarkia.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Helvetica Neue\n<\/p>\n<h4>\n  22 EMyth<br \/>\n<\/h4>\n<p>\n  <a href=\"https:\/\/emyth.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b41608306.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  EMyth on suhteellisen yksinkertainen ja maanl\u00e4heinen verkkosivusto, mik\u00e4 johtuu osittain typografian valinnasta: Museo Slab ja Proxima Nova.\n<\/p>\n<p>\n  Proxima Nova voi n\u00e4ytt\u00e4\u00e4 toisinaan melko rohkealta ja maskuliiniselta, mutta k\u00e4ytt\u00e4m\u00e4ll\u00e4 Museo Slabia sen rinnalla EMyth on luonut j\u00e4rjett\u00f6m\u00e4n designin, joka on puhdas, selke\u00e4 ja vetoaa tasapuolisesti molempiin sukupuoliin.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Museo Slab, Proxima Nova\n<\/p>\n<h4>\n  23 Melanie DaVeid<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/melaniedaveid.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b4182d553.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Lukuun ottamatta mukautettua kirjasinmuotoilua, jota k\u00e4ytet\u00e4\u00e4n suurissa otsikoissa verkkosivuston vasemmalla puolella, Melanie k\u00e4ytt\u00e4\u00e4 verkkosivustollaan vain yht\u00e4 kirjasintyyppi\u00e4: Proxima Nova.\n<\/p>\n<p>\n  H\u00e4n pit\u00e4\u00e4 asiat yksinkertaisena k\u00e4ytt\u00e4m\u00e4ll\u00e4 lihavoitua painotusta alaotsikoissa ja s\u00e4\u00e4nn\u00f6llist\u00e4 painoa p\u00e4\u00e4sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 luo selke\u00e4n visuaalisen hierarkian, kun taas h\u00e4nen mukautettu fontti lis\u00e4\u00e4 persoonallisuutta suunnitteluun.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Proxima Nova, Custom\n<\/p>\n<h4>\n  24 kaavaa<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.formlets.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b41adf33f.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Formlets on yritys, joka ei ole viel\u00e4 lanseerannut, mutta n\u00e4ytt\u00e4\u00e4 olevan valmis lanseeraamaan tuotteen, joka kilpailee joidenkin melko suurten toimijoiden kanssa.\n<\/p>\n<p>\n  Formlets on kuitenkin k\u00e4ytt\u00e4nyt typografiaa erottuakseen joukosta. Useimmilla kilpailijoilla on vanhentunut yritysmuotoilu, mutta Formlets on valinnut yksinkertaisemman ja yst\u00e4v\u00e4llisemm\u00e4n suunnittelun. T\u00e4m\u00e4n saavuttamiseksi k\u00e4ytet\u00e4\u00e4n DIN Roundedia ja Robotoa.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> DIN Rounded, Roboto\n<\/p>\n<h4>\n  25 Nicholas Bussiere<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215223-6381b41e39bd7.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Nicholas on luonut poikkeuksellisen minimalistisen muotoilun ja k\u00e4ytt\u00e4\u00e4 vain yht\u00e4 kirjasintyyppi\u00e4: Apercu.\n<\/p>\n<p>\n  H\u00e4n k\u00e4ytt\u00e4\u00e4 kahta fonttipainoa (kevyt ja tavallinen), ja yll\u00e4tt\u00e4en suuret otsikot k\u00e4ytt\u00e4v\u00e4t kevyen fontin painoa, kun taas pienemm\u00e4ss\u00e4, v\u00e4hemm\u00e4n t\u00e4rke\u00e4ss\u00e4 tekstiss\u00e4 k\u00e4ytet\u00e4\u00e4n tavallista fonttipainoa.\n<\/p>\n<p>\n  H\u00e4n k\u00e4ytt\u00e4\u00e4 kokoa ja v\u00e4rej\u00e4 varmistaakseen, ett\u00e4 suunnittelussa on edelleen vahva visuaalinen hierarkia.\n<\/p>\n<p>\n  <strong>K\u00e4ytetyt fontit:<\/strong> Apercu\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/03\/30\/inspiring-typography-in-webdesign\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jokainen verkkosivusto k\u00e4ytt\u00e4\u00e4 typografiaa, mutta suurin osa niist\u00e4 ei tee sill\u00e4 mit\u00e4\u00e4n erityist\u00e4. Itse asiassa monet verkkosivustot, joilla k\u00e4yn p\u00e4ivitt\u00e4in, k\u00e4ytt\u00e4v\u00e4t melko huonosti typografiaa (mielest\u00e4ni), mink\u00e4 vuoksi tunnen aina valtavaa iloa, kun t\u00f6rm\u00e4\u00e4n verkkosivustoon, joka on todella mennyt ylim\u00e4\u00e4r\u00e4iseksi. mailin typografian suhteen. Joten, jos olet kyll\u00e4stynyt n\u00e4kem\u00e4\u00e4n kuten &#8221;Arial&#8221; ja &#8221;Times New Roman&#8221; (tied\u00e4n, ett\u00e4 olen!), tai jos tarvitset typografista inspiraatiota tulevaisuutta varten\u2026<\/p>\n","protected":false},"author":1,"featured_media":139118,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[248,222,53,196],"tags":[],"class_list":["post-249902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fontit","category-oppikirjoja","category-web-ja-wordpress-2","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249902"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249902\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/139118"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}