{"id":258662,"date":"2023-11-22T06:30:00","date_gmt":"2023-11-22T03:30:00","guid":{"rendered":"https:\/\/inform.click\/25-stron-internetowych-inspirujaco-wykorzystujacych-typografie\/"},"modified":"2023-11-22T07:17:00","modified_gmt":"2023-11-22T04:17:00","slug":"25-stron-internetowych-inspirujaco-wykorzystujacych-typografie","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/25-stron-internetowych-inspirujaco-wykorzystujacych-typografie\/","title":{"rendered":"25 stron internetowych inspiruj\u0105co wykorzystuj\u0105cych typografi\u0119"},"content":{"rendered":"<p>\n  Ka\u017cda witryna wykorzystuje typografi\u0119, ale zdecydowana wi\u0119kszo\u015b\u0107 z nich nie robi z ni\u0105 nic szczeg\u00f3lnego.\n<\/p>\n<p>\n  W rzeczywisto\u015bci wiele stron internetowych, kt\u00f3re odwiedzam na co dzie\u0144, do\u015b\u0107 s\u0142abo wykorzystuje typografi\u0119 (moim zdaniem), dlatego zawsze odczuwam przyt\u0142aczaj\u0105cy zachwyt, gdy trafiam na stron\u0119, kt\u00f3ra naprawd\u0119 posz\u0142a o krok dalej mila, je\u015bli chodzi o typografi\u0119.\n<\/p>\n<p>\n  Je\u015bli wi\u0119c masz do\u015b\u0107 przegl\u0105dania czcionek typu \u201eArial&#8221; i \u201eTimes New Roman&#8221; (wiem, \u017ce jestem!) lub je\u015bli potrzebujesz typograficznej inspiracji do przysz\u0142ego projektu, oto kilka witryn doskonale wykorzystuj\u0105cych typografi\u0119 :\n<\/p>\n<h4>\n  1 Grupa V02<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/vo2-group.com\/en\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  Grupa V02 w ciekawy spos\u00f3b wykorzystuje typografi\u0119 na swojej stronie internetowej w tym sensie, \u017ce niekt\u00f3re jej elementy s\u0105 ukryte za wizerunkiem biegacza.\n<\/p>\n<p>\n  Pomaga to stworzy\u0107 poczucie g\u0142\u0119bi i przedstawia obraz typografii unosz\u0105cej si\u0119 w powietrzu.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Crimson Text, Futura\n<\/p>\n<h4>\n  2 Jaka jest Twoja przysz\u0142o\u015b\u0107?<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  \u201eJaka jest Twoja przysz\u0142o\u015b\u0107?&#8221; to pi\u0119knie wykonana witryna internetowa, kt\u00f3ra oszcz\u0119dnie wykorzystuje typografi\u0119.\n<\/p>\n<p>\n  Projekt jako ca\u0142o\u015b\u0107 jest do\u015b\u0107 minimalistyczny i \u201ep\u0142aski&#8221;, co najprawdopodobniej jest powodem tak odwa\u017cnego wyboru czcionki (Baron Neue) dla du\u017cej czcionki.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Baron Neue, Georgia\n<\/p>\n<h4>\n  3 Jakub 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 stworzy\u0142 tutaj wyj\u0105tkowo uproszczon\u0105 stron\u0119 internetow\u0105, w kt\u00f3rej typografia jest g\u0142\u00f3wnym punktem skupienia \u2013 podczas pisania strona si\u0119 ujawnia.\n<\/p>\n<p>\n  Jacob u\u017cywa tylko jednego kroju pisma w tym projekcie (Roboto), ale doskonale pasuje do minimalistycznego stylu projektowania.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Roboto\n<\/p>\n<h4>\n  4 tajne rezolucje<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 to kolorowa, nieco bezpo\u015brednia strona internetowa, kt\u00f3ra podobnie jak strona Jacoba powy\u017cej, wykorzystuje tylko jeden kr\u00f3j pisma (Brandon Grotesque).\n<\/p>\n<p>\n  Typografia jest du\u017ca, odwa\u017cna, odwa\u017cna i zabawna \u2013 to doskona\u0142y wyb\u00f3r, bior\u0105c pod uwag\u0119 koncepcj\u0119 strony.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Brandon Grotesque\n<\/p>\n<h4>\n  5 Podstawy09<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 robi dok\u0142adnie to, co m\u00f3wi na puszce: oferuje \u201epodstawow\u0105&#8221; stron\u0119 internetow\u0105, kt\u00f3ra po raz kolejny wykorzystuje tylko jeden kr\u00f3j pisma (Benton Sans).\n<\/p>\n<p>\n  Benton Sans sam w sobie jest do\u015b\u0107 prost\u0105 i zwyk\u0142\u0105 czcionk\u0105 bezszeryfow\u0105, ale projektant zastosowa\u0142 subteln\u0105 stylizacj\u0119 i rozmiar, aby stworzy\u0107 poczucie hierarchii, nawet przy u\u017cyciu tylko jednego kroju pisma w projekcie.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Benton Sans\n<\/p>\n<h4>\n  6 degordyjskie<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 wykorzystuje du\u017c\u0105, wielk\u0105 czcionk\u0119 dla g\u0142\u00f3wnych element\u00f3w projektu, uzupe\u0142nion\u0105 mniejszym, normalnym tekstem napisanym popularn\u0105 czcionk\u0105: Merriweather.\n<\/p>\n<p>\n  To po\u0142\u0105czenie du\u017cych obraz\u00f3w t\u0142a i du\u017cej typografii z du\u017cymi literami szybko staje si\u0119 w tym roku trendem w projektowaniu stron internetowych.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/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 zdecydowa\u0142 si\u0119 na efekt przypominaj\u0105cy tablic\u0119, odr\u0119cznie rysowany na swojej stronie internetowej.\n<\/p>\n<p>\n  Nie jeste\u015bmy pewni, jaka jest g\u0142\u00f3wna czcionka, kt\u00f3rej u\u017cyli, ale wyst\u0119puje obok Georgii. Co to jest, to epicka kombinacja.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Unknown, Georgia\n<\/p>\n<h4>\n  8 mil Caldera<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 od czasu do czasu stworzy\u0142 bardzo minimalistyczn\u0105 stron\u0119 internetow\u0105, kt\u00f3ra wykorzystuje tylko jeden kr\u00f3j pisma: Founders Grotesk.\n<\/p>\n<p>\n  U\u017cywa r\u00f3\u017cnych rozmiar\u00f3w, kolor\u00f3w i styl\u00f3w, aby stworzy\u0107 poczucie hierarchii w projekcie.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Founders Grotesk\n<\/p>\n<h4>\n  9 Biegnij dla AJD<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  Mimo \u017ce ta strona jest napisana po francusku, a nie po angielsku, nadal wygl\u0105da na nieco trudn\u0105 do odczytania dzi\u0119ki stylowi u\u017cytego kroju pisma.\n<\/p>\n<p>\n  Trzeba jednak przyzna\u0107, \u017ce stylistycznie prezentuje si\u0119 ca\u0142kiem nie\u017ale.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Avenir Book\n<\/p>\n<h4>\n  10 Wy\u015blijWiadomo\u015b\u0107.do<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 zasadniczo umo\u017cliwia wys\u0142anie spersonalizowanej wiadomo\u015bci do znajomego, cz\u0142onka rodziny lub wsp\u00f3\u0142pracownika w zaledwie kilku krokach.\n<\/p>\n<p>\n  Jako jedyn\u0105 czcionk\u0119 projektant zastosowa\u0142 Proxima Nova. kr\u00f3j pisma znany z pi\u0119kna w du\u017cych rozmiarach.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Proxima Nova\n<\/p>\n<h4>\n  11 laboratori\u00f3w Amazee<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  Wygl\u0105da na to, \u017ce Amazee Labs stworzy\u0142o w\u0142asny, nieco nowy i unikalny kr\u00f3j pisma dla tego projektu, ale jest on dost\u0119pny obok Source Sans Pro i Museo.\n<\/p>\n<p>\n  Te dwie czcionki doskonale ze sob\u0105 wsp\u00f3\u0142pracuj\u0105, a szczeg\u00f3lnie dobrze w po\u0142\u0105czeniu z jasn\u0105, kolorow\u0105 typografi\u0105 przedstawion\u0105 na obrazach.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/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  Witryna Oudolf jest bardzo uproszczona i podobnie jak strona Jacoba Grubbe opisana wcze\u015bniej w po\u015bcie, typografia jest prawie jedynym elementem projektu.\n<\/p>\n<p>\n  Jednak ta witryna wykorzystuje fajny efekt, w kt\u00f3rym tekst jest skutecznie maskowany na obrazie, kt\u00f3ry nast\u0119pnie ujawnia si\u0119 po najechaniu kursorem.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Mason Neue Book, Univers Standard\n<\/p>\n<h4>\n  13 Jestem Baazem<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  \u201eI Am Baaz&#8221; wykorzystuje dwa pi\u0119kne kroje pisma: Verlag Book i Acrom Extra Bold.\n<\/p>\n<p>\n  W po\u0142\u0105czeniu z t\u0142em wideo strony internetowej, wynik jest osza\u0142amiaj\u0105cy. jest prawie jak ruchomy, interaktywny plakat filmowy pod wzgl\u0119dem sposobu, w jaki zosta\u0142 zaprojektowany i stylizowany.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/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 to serwis reklamuj\u0105cy kr\u00f3j pisma: FS Millbank.\n<\/p>\n<p>\n  Jest opisany jako \u201ew\u0119drowny&#8221; kr\u00f3j pisma i je\u015bli by\u0142e\u015b ostatnio na lotniskach lub dworcach kolejowych, prawdopodobnie widzia\u0142e\u015b co\u015b, co wygl\u0105da dok\u0142adnie tak samo na tamtejszych znakach.\n<\/p>\n<p>\n  To pi\u0119kna czcionka i zdecydowanie dzia\u0142a dobrze zgodnie z jej przeznaczeniem.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/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  Wygl\u0105da na to, \u017ce Futura PT zyskuje na popularno\u015bci w tym roku i ponownie pojawi\u0142a si\u0119 na stronie Studio Lovelock.\n<\/p>\n<p>\n  Jest to jedyny kr\u00f3j pisma u\u017cyty w projekcie, ale by\u0142 u\u017cywany w wielu r\u00f3\u017cnych rozmiarach, stylach i gramaturach, aby stworzy\u0107 interesuj\u0105cy projekt.\n<\/p>\n<p>\n  W niekt\u00f3rych miejscach nawet nie wygl\u0105da jak ta sama czcionka.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Futura PT\n<\/p>\n<h4>\n  16 Uwielbienie<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  Witryna Adoratorio jest w du\u017cej mierze czarno-bia\u0142a, chocia\u017c pojawiaj\u0105 si\u0119 dziwne elementy koloru, jak pokazano na powy\u017cszym zrzucie ekranu.\n<\/p>\n<p>\n  Zar\u00f3wno Montserrat, jak i Courier New wyst\u0119puj\u0105 w tym projekcie i chocia\u017c nie s\u0105 to najciekawsze kroje pisma, projekt sprytnie wykorzysta\u0142 zmiany kolor\u00f3w i \u015bledzenia\/kerningu, aby stworzy\u0107 wyj\u0105tkowy projekt.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Montserrat, Courier New\n<\/p>\n<h4>\n  17 Biblioteka wzorc\u00f3w<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  Biblioteka wzorc\u00f3w w bardzo niewielkim stopniu wykorzystuje typografi\u0119, poniewa\u017c jest to g\u0142\u00f3wnie witryna oparta na obrazach.\n<\/p>\n<p>\n  Jednak tam, gdzie u\u017cywana jest typografia, jest ona u\u017cywana g\u0142\u00f3wnie do wezwa\u0144 do dzia\u0142ania (tj. przycisku \u201epobierz teraz&#8221;). Najwyra\u017aniej odwaga MostraNuova jest idealnym wyborem do tej pracy.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> MostraNuova\n<\/p>\n<h4>\n  18 Spotify. Idealny punkt<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 wykorzystuje tylko jedn\u0105 czcionk\u0119 w swoim projekcie \u201eSweet Spot&#8221; na Walentynki i dzia\u0142a wyj\u0105tkowo dobrze w po\u0142\u0105czeniu z odwa\u017cn\u0105 kolorystyk\u0105 i minimalistycznym wygl\u0105dem strony.\n<\/p>\n<p>\n  R\u00f3\u017cne wagi i rozmiary s\u0105 u\u017cywane do stworzenia prostej, ale oczywistej hierarchii wizualnej.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Circular TT\n<\/p>\n<h4>\n  19 51 P\u00f3\u0142noc<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 to agencja projektowa z siedzib\u0105 w Holandii. Korzystaj\u0105 z dw\u00f3ch czcionek: Minion W01 i Two Cen W01, z kt\u00f3rych obie s\u0105 u\u017cywane stosunkowo oszcz\u0119dnie.\n<\/p>\n<p>\n  Jedn\u0105 z dziwnych rzeczy, kt\u00f3re mo\u017cna zauwa\u017cy\u0107 w tej witrynie, jest to, \u017ce w nag\u0142\u00f3wku g\u0142\u00f3wnym (\u201e666&#8243;) zastosowano zwyk\u0142\u0105 czcionk\u0119, a w podtytule (\u201e6. rocznica&#8221;) zastosowano pogrubion\u0105 czcionk\u0119.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Minion W01, Tw Cen W01\n<\/p>\n<h4>\n  20 niebieskich przeka\u017anik\u00f3w<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 to butikowy hotel i restauracja we W\u0142oszech. W przeciwie\u0144stwie do wi\u0119kszo\u015bci witryn opisanych w tym po\u015bcie, witryna korzysta z trzech zupe\u0142nie r\u00f3\u017cnych kroj\u00f3w pisma.\n<\/p>\n<p>\n  W wi\u0119kszo\u015bci przypadk\u00f3w u\u017cywanie wi\u0119cej ni\u017c kilku kroj\u00f3w pisma o r\u00f3\u017cnych rozmiarach i gramaturach jest troch\u0119 ryzykowne, ale RelaisBlu udaje si\u0119 stworzy\u0107 osza\u0142amiaj\u0105cy wizualnie projekt.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Geosans, Fanwood, Theano\n<\/p>\n<h4>\n  Pracownia 21 kwietnia<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 u\u017cywa tylko jednego kroju pisma w swoim projekcie: Helvetica Neue.\n<\/p>\n<p>\n  Helvetica Neue jest obecnie stosunkowo cz\u0119sto u\u017cywanym krojem pisma (nawet Apple u\u017cywa go w swoich systemach operacyjnych OSX Yosemite i iOS8).\n<\/p>\n<p>\n  Jednak u\u017cywaj\u0105c r\u00f3\u017cnych gramatur, rozmiar\u00f3w i kolor\u00f3w, April Studio stworzy\u0142o czysty i prosty projekt z jasn\u0105 wizualn\u0105 hierarchi\u0105.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Helvetica Neue\n<\/p>\n<h4>\n  22 EMit<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 jest relatywnie prost\u0105 i przyziemn\u0105 witryn\u0105, co jest cz\u0119\u015bciowo zas\u0142ug\u0105 wyboru typografii: Museo Slab i Proxima Nova.\n<\/p>\n<p>\n  Proxima Nova mo\u017ce czasami wygl\u0105da\u0107 do\u015b\u0107 odwa\u017cnie i m\u0119sko, ale u\u017cywaj\u0105c obok niej p\u0142yty Museo, firma EMyth stworzy\u0142a rozs\u0105dny projekt, kt\u00f3ry jest czysty, przejrzysty i w r\u00f3wnym stopniu przemawia do obu p\u0142ci.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/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  Opr\u00f3cz niestandardowego kroju pisma u\u017cywanego w du\u017cych nag\u0142\u00f3wkach po lewej stronie witryny Melanie u\u017cywa tylko jednego kroju pisma na swojej stronie internetowej: Proxima Nova.\n<\/p>\n<p>\n  Utrzymuje prostot\u0119, stosuj\u0105c pogrubion\u0105 wag\u0119 dla podtytu\u0142\u00f3w, z regularn\u0105 wag\u0105 dla g\u0142\u00f3wnej tre\u015bci. Tworzy to wyra\u017an\u0105 wizualn\u0105 hierarchi\u0119, a jej niestandardowa czcionka dodaje osobowo\u015bci projektowi.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Proxima Nova, Custom\n<\/p>\n<h4>\n  24 Formu\u0142y<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 to firma, kt\u00f3ra jeszcze si\u0119 nie rozpocz\u0119\u0142a, ale wydaje si\u0119, \u017ce jest gotowa do wprowadzenia produktu, kt\u00f3ry b\u0119dzie konkurowa\u0142 z kilkoma ca\u0142kiem du\u017cymi graczami.\n<\/p>\n<p>\n  Jednak Formlets u\u017cy\u0142 typografii, aby wyr\u00f3\u017cni\u0107 si\u0119 z t\u0142umu. Podczas gdy wi\u0119kszo\u015b\u0107 ich konkurent\u00f3w mo\u017ce pochwali\u0107 si\u0119 przestarza\u0142ym, korporacyjnym projektem, firma Formlets zdecydowa\u0142a si\u0119 na bardziej uproszczony i przyjazny projekt. W tym celu stosuje si\u0119 DIN Rounded i Roboto.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> DIN Rounded, Roboto\n<\/p>\n<h4>\n  25 Miko\u0142aj 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 stworzy\u0142 wyj\u0105tkowo minimalistyczny projekt i wykorzystuje tylko jeden kr\u00f3j pisma: Apercu.\n<\/p>\n<p>\n  U\u017cywa dw\u00f3ch grubo\u015bci czcionek (lekkiej i zwyk\u0142ej) i, co zaskakuj\u0105ce, to du\u017ce nag\u0142\u00f3wki wykorzystuj\u0105 lekk\u0105 czcionk\u0119, podczas gdy mniejszy, mniej wa\u017cny tekst u\u017cywa zwyk\u0142ej grubo\u015bci czcionki.\n<\/p>\n<p>\n  U\u017cywa rozmiaru i koloru, aby zapewni\u0107, \u017ce w projekcie nadal istnieje silna wizualna hierarchia.\n<\/p>\n<p>\n  <strong>U\u017cyte czcionki:<\/strong> Apercu\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  \u0179r\u00f3d\u0142o nagrywania: <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>Ka\u017cda witryna wykorzystuje typografi\u0119, ale zdecydowana wi\u0119kszo\u015b\u0107 z nich nie robi z ni\u0105 nic szczeg\u00f3lnego. W rzeczywisto\u015bci wiele stron internetowych, kt\u00f3re odwiedzam na co dzie\u0144, do\u015b\u0107 s\u0142abo wykorzystuje typografi\u0119 (moim zdaniem), dlatego zawsze odczuwam przyt\u0142aczaj\u0105cy zachwyt, gdy trafiam na stron\u0119, kt\u00f3ra naprawd\u0119 posz\u0142a o krok dalej mila, je\u015bli chodzi o typografi\u0119. Tak wi\u0119c, je\u015bli masz do\u015b\u0107 ogl\u0105dania takich jak \u201eArial\u201d i \u201eTimes New Roman\u201d (wiem, \u017ce mam!), Lub je\u015bli potrzebujesz typograficznej inspiracji na przysz\u0142o\u015b\u0107\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":[253,227,201,58],"tags":[],"class_list":["post-258662","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-czcionki","category-podreczniki","category-projektowanie-stron","category-web-i-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/258662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/comments?post=258662"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/258662\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media\/139118"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media?parent=258662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/categories?post=258662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/tags?post=258662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}