{"id":409,"date":"2013-03-15T14:59:40","date_gmt":"2013-03-15T14:59:40","guid":{"rendered":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/"},"modified":"2022-02-28T11:02:30","modified_gmt":"2022-02-28T11:02:30","slug":"lyft-fram-ditt-budskap-med-typografiska-hierarkier","status":"publish","type":"post","link":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/","title":{"rendered":"Lyft fram ditt budskap med typografiska hierarkier"},"content":{"rendered":"<p><span style=\"letter-spacing: 0px; line-height: 24px;\"><strong>Ordens utseende betyder mer \u00e4n vad vi tror &#8211; \u00f6gat dras automatiskt till det tydliga,<\/strong>&nbsp;<\/span><strong>medan det mindre tydliga hamnar i bakgrunden. I den h\u00e4r artikeln ber\u00e4ttar vi om hur du kan arbeta&nbsp;med typografi f\u00f6r att lyfta fram det viktiga i ditt inneh\u00e5ll, och samtidigt g\u00f6ra din hemsida mer l\u00e4ttl\u00e4st.<\/strong><\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>Huvudsyftet med bra typografi &#8211; allts\u00e5 allt det som r\u00f6r bokst\u00e4verna och textens utseende &#8211; \u00e4r b\u00e5de att underl\u00e4tta l\u00e4sandet och att locka \u00f6gat till det vi vill att l\u00e4sare ska l\u00e4gga m\u00e4rke till.&nbsp;Inom grafisk design \u00e4r typografi central, och p\u00e5 internet \u00e4r det kanske extra viktigt&nbsp;att vara omsorgsfull om textens grafiska snitt. P\u00e5 en datorsk\u00e4rm t\u00e4vlar din hemsida st\u00e4ndigt om utrymme&nbsp;med knappar, banners och andra grafiska element, och det g\u00e4ller att visa bes\u00f6karen vad som \u00e4r vad.<\/p>\n<p>&nbsp;<\/p>\n<p>Tanken med den h\u00e4r artikeln \u00e4r d\u00e4rf\u00f6r att unders\u00f6ka hur&nbsp;du p\u00e5 ett b\u00e4ttre s\u00e4tt kan anv\u00e4nda dig av typsnitt, f\u00e4rg och form f\u00f6r att visa&nbsp;bes\u00f6karen vad som \u00e4r viktigt p\u00e5 din hemsida.<\/p>\n<p>Inom den publicistiska v\u00e4rlden talar man om rubriker, underrubriker och br\u00f6dtext som textens stora huvudblock.&nbsp;Rubriken \u00e4r den korta ordf\u00f6ljd som sammanfattar vad artikeln handlar om, underrubriken inneh\u00e5ller mer&nbsp;information om artikeln och br\u00f6dtexten \u00e4r artikelns sj\u00e4lva inneh\u00e5ll. N\u00e4r du arbetar med texten f\u00f6r din hemsida&nbsp;kan det vara bra att t\u00e4nka p\u00e5 samma s\u00e4tt &#8211; vad \u00e4r min rubrik och undertext? Hur ska de skiljas \u00e5t?<\/p>\n<p>&nbsp;<\/p>\n<p>N\u00e4r man skriver p\u00e5 sin hemsida tillkommer det ocks\u00e5 en rad ytterligare element; du har kanske en huvudrubrik f\u00f6r&nbsp;hela webbsidan, en rad menyknappar och ett textblock med l\u00e4nkar p\u00e5 sidan av huvudmatieralet. N\u00e4r vi talar&nbsp;om typografiska heirarkier avser vi hela kedjan av textelement, och v\u00e4rderingen av hur viktiga de olika elementen&nbsp;\u00e4r.<\/p>\n<p>H\u00e4r har vi den vy som m\u00f6ter bes\u00f6karen p\u00e5 <a href=\"http:\/\/www.modernamuseet.se\" target=\"_blank\" rel=\"noopener noreferrer\">Moderna museets<\/a> hemsida. Som ni ser finns det en rad textelement&nbsp;som skiljer sig \u00e5t i typografi, vikt, storlek och f\u00e4rg. Notera att det som man ser f\u00f6rst \u00e4r namnet p\u00e5 utst\u00e4llningen &#8221;Frontlinjer&#8221;,&nbsp;och konstn\u00e4ren Omer Fasts namn &#8211; genom att skriva denna text i ett typsnitt som skiljer sig fr\u00e5n hemsidans \u00f6vriga element markerar man f\u00f6r bes\u00f6karen att just det h\u00e4r \u00e4r centralt. Den gr\u00e5a f\u00e4rgen i konstn\u00e4rens namn g\u00f6r ocks\u00e5 att blicken dras direkt dit.&nbsp;<\/p>\n<p><span style=\"letter-spacing: 0px; line-height: 24px;\">&nbsp;<\/span><\/p>\n<p>L\u00e4g ocks\u00e5 m\u00e4rke till museets logotyp, som trots att den ligger h\u00f6gst upp p\u00e5 sidan i stiliserad text inte f\u00e5ngar \u00f6gat direkt. Tack vare den vita f\u00e4rgen mot den bl\u00e5a bakgrunden hamnar logotypen l\u00e4ngre bak i hierarkin. Notera ocks\u00e5 den svarta menyraden som,&nbsp;tack vare sin kontrast mot den vita bakgrunden, \u00e4r tydlig men inte tar upp s\u00e5 stor plats.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327525-EXZnM.png?name=.jpg\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>P\u00e5 <a href=\"http:\/\/www.thielska-galleriet.se\/\" target=\"_blank\" rel=\"noopener noreferrer\">Thielska gallieriet<\/a> har man anv\u00e4nt sig av en mycket tydlig, och n\u00e5got v\u00e5gad, typografi f\u00f6r att lyfta fram sin utst\u00e4llning&nbsp;om Edvard Munch: den vita texten syns direkt. \u00c4ven h\u00e4r lever galleriets egen logotyp en n\u00e5got undanskymd tillvaro i det \u00f6vre v\u00e4nstra h\u00f6rnet, medan&nbsp;menyn inte heller drar alltf\u00f6r mycket uppm\u00e4rksamhet till sig. Thielskas Munch-affisch \u00e4r ett bra exempel p\u00e5 hur effektivt&nbsp;vitt kan vara n\u00e4r det s\u00e4tts i kontrast med flera f\u00e4rger &#8211; eftersom sidan \u00e4r s\u00e5 vit i sig ser man direkt den f\u00e4rgglada&nbsp;Munch-m\u00e5lningen, och den stora texten som verkligen st\u00e5r ut i kontrast mot sidans \u00f6vriga element.<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327605-wrMQv.png?name=.jpg\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>N\u00e4r man f\u00f6rs\u00f6ker skapa en hierarki \u00e4r det allts\u00e5 tacksamt att anv\u00e4nda sig av b\u00e5de f\u00e4rger, storlek p\u00e5 texten, vikt och typsnitt&nbsp;f\u00f6r att markera vad som \u00e4r viktigt och vad som ska ligga i bakgrunden.<\/p>\n<p>&nbsp;<\/p>\n<p>Hur ska man d\u00e5 t\u00e4nka?&nbsp;Det viktigaste elementet &#8211; din huvudinformation &#8211; b\u00f6r skilja sig fr\u00e5n det andra materialet genom att ha n\u00e5gonting speciellt&nbsp;kring sig. Hur du slutligen v\u00e4ljer att lyfta fram ditt material beror lite p\u00e5 hur din hemsida ser ut, men det finns n\u00e5gra huvudid\u00e9er som kan vara till hj\u00e4lp:<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327827-i9y43.png?name=glas1.jpg\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>Det h\u00e4r \u00e4r en p\u00e5hittad hemsida om olika material &#8211; i det h\u00e4r fallet ett avsnitt om glas. H\u00e4r har vi, som ni ser, inte anv\u00e4nt n\u00e5gra typografiska medel alls f\u00f6rutom att skilja de olika textstyckena \u00e5t med utrymme. H\u00e4r \u00e4r det s\u00e5 klart sv\u00e5rt att direkt se vad som \u00e4r vad i texten, och det \u00e4r sv\u00e5rt att veta var man ska b\u00f6rja l\u00e4sa.<\/p>\n<p>&nbsp;<\/p>\n<p>Om vi ist\u00e4llet g\u00f6r om textelementen n\u00e5got blir det genast lite tydligare:<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327945-hI813.png?name=glas3.jpg\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>H\u00e4r har vi gjort flera saker f\u00f6r att g\u00f6ra texten l\u00e4ttare att hitta i:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Vi har&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">ramat in sidans huvudnamn och gett den ett l\u00e4ttare typsnitt f\u00f6r att flytta tillbaka den i strukturen.<\/span><\/li>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">F\u00f6r att g\u00f6ra menyraden mer diskret i f\u00f6rh\u00e5llande till huvudmaterialet har \u00e4ven den f\u00e5tt ett tunnare typsnitt, som samtidigt skiljer ut den fr\u00e5n \u00f6vrig text.&nbsp;<\/span><\/li>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Eftersom vi vill visa l\u00e4saren vad just den h\u00e4r sidan handlar om har vi gjort rubriken &#8221;Glas&#8221; st\u00f6rre, gett den ett serif-typsnitt och gjort den vit. Alla de h\u00e4r sakerna lyfter fram rubriken och g\u00f6r att man direkt ser den.<\/span><\/li>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Vi har ocks\u00e5 \u00e4ndrat vikten p\u00e5 underrubriken till en fetare stil, vilket g\u00f6r att man tydligt ser att den inte tillh\u00f6r br\u00f6dtexten.&nbsp;<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Genast ser det b\u00e4ttre ut: h\u00e4r dras blicken till huvudrubriken, och underrubriken g\u00e5r l\u00e4tt att skilja ut. Br\u00f6dtexten \u00e4r skriven i en sans-serif (i det h\u00e4r fallet Ebrima) vilket p\u00e5 en datorsk\u00e4rm tenderar att g\u00f6ra texten n\u00e5got l\u00e4ttare att l\u00e4sa<br \/>(\u00e4ven om vissa typer av serifer \u00e4ven fungerar bra).<\/p>\n<p>Ett bra s\u00e4tt att hitta en passande typografisk ordning \u00e4r allts\u00e5 att p\u00e5 ett tidigt stadium best\u00e4mma dig f\u00f6r vad som \u00e4r br\u00f6dtext, vad som \u00e4r underrubrik och vad som \u00e4r rubrik i dina texter. V\u00e4lj d\u00e4refter hur du vill markera vad som \u00e4r vad, och h\u00e5ll dig till dina typsnitt och f\u00e4rger genom hela hemsidan. D\u00e5 kommer dina bes\u00f6kare att enkelt kunna navigera genom dina texter &#8211; och d\u00e4rmed ocks\u00e5 ha l\u00e4ttare att l\u00e4sa.<\/p>\n<p>&nbsp;<\/p>\n<p>Du kan ocks\u00e5 l\u00e4sa mer om hur du v\u00e4ljer typsnitt till din hemsida h\u00e4r: <a href=\"https:\/\/www.hemsida24.se\/blogg\/2013\/01\/16\/valj-ratt-typsnitt-en-guide-till-bokstavernas-utseende\/\" target=\"_blank\" rel=\"noopener noreferrer\">V\u00e4lj r\u00e4tt typsnitt: en guide till bokst\u00e4vernas utseende<\/a>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ordens utseende betyder mer \u00e4n vad vi tror &#8211; \u00f6gat dras automatiskt till det tydliga,&nbsp;medan det mindre tydliga hamnar i bakgrunden. I den h\u00e4r artikeln ber\u00e4ttar vi om hur du kan arbeta&nbsp;med typografi f\u00f6r att lyfta fram det viktiga i ditt inneh\u00e5ll, och samtidigt g\u00f6ra din hemsida mer l\u00e4ttl\u00e4st.Huvudsyftet med bra typografi &#8211; allts\u00e5 allt det som r\u00f6r bokst\u00e4verna och textens utseende &#8211; \u00e4r b\u00e5de att underl\u00e4tta l\u00e4sandet och att locka \u00f6gat till det vi vill att l\u00e4sare ska l\u00e4gga m\u00e4rke till.&nbsp;Inom grafisk design \u00e4r typografi central, och p\u00e5 internet \u00e4r det kanske extra viktigt&nbsp;att vara omsorgsfull om textens grafiska snitt. P\u00e5 en datorsk\u00e4rm t\u00e4vlar din hemsida st\u00e4ndigt om utrymme&nbsp;med knappar, banners och andra grafiska element, och det g\u00e4ller att visa bes\u00f6karen vad som \u00e4r vad.<br \/>\n&nbsp;<br \/>\nTanken med den h\u00e4r artikeln \u00e4r d\u00e4rf\u00f6r att unders\u00f6ka hur&nbsp;du p\u00e5 ett b\u00e4ttre s\u00e4tt kan anv\u00e4nda dig av typsnitt, f\u00e4rg och form f\u00f6r att visa&nbsp;bes\u00f6karen vad som \u00e4r viktigt p\u00e5 din hemsida.Inom den publicistiska v\u00e4rlden talar man om rubriker, underrubriker och br\u00f6dtext som textens stora huvudblock.&nbsp;Rubriken \u00e4r den korta ordf\u00f6ljd som sammanfattar vad artikeln handlar om, underrubriken inneh\u00e5ller mer&nbsp;information om artikeln och br\u00f6dtexten \u00e4r artikelns sj\u00e4lva inneh\u00e5ll. N\u00e4r du arbetar med texten f\u00f6r din hemsida&nbsp;kan det vara bra att t\u00e4nka p\u00e5 samma s\u00e4tt &#8211; vad \u00e4r min rubrik och undertext? Hur ska de skiljas \u00e5t?<br \/>\n&nbsp;<br \/>\nN\u00e4r man skriver p\u00e5 sin hemsida tillkommer det ocks\u00e5 en rad ytterligare element; du har kanske en huvudrubrik f\u00f6r&nbsp;hela webbsidan, en rad menyknappar och ett textblock med l\u00e4nkar p\u00e5 sidan av huvudmatieralet. N\u00e4r vi talar&nbsp;om typografiska heirarkier avser vi hela kedjan av textelement, och v\u00e4rderingen av hur viktiga de olika elementen&nbsp;\u00e4r.H\u00e4r har vi den vy som m\u00f6ter bes\u00f6karen p\u00e5 Moderna museets hemsida. Som ni ser finns det en rad textelement&nbsp;som skiljer sig \u00e5t i typografi, vikt, storlek och f\u00e4rg. Notera att det som man ser f\u00f6rst \u00e4r namnet p\u00e5 utst\u00e4llningen &#8221;Frontlinjer&#8221;,&nbsp;och konstn\u00e4ren Omer Fasts namn &#8211; genom att skriva denna text i ett typsnitt som skiljer sig fr\u00e5n hemsidans \u00f6vriga element markerar man f\u00f6r bes\u00f6karen att just det h\u00e4r \u00e4r centralt. Den gr\u00e5a f\u00e4rgen i konstn\u00e4rens namn g\u00f6r ocks\u00e5 att blicken dras direkt dit.&nbsp;<br \/>\n&nbsp;<br \/>\nL\u00e4g ocks\u00e5 m\u00e4rke till museets logotyp, som trots att den ligger h\u00f6gst upp p\u00e5 sidan i stiliserad text inte f\u00e5ngar \u00f6gat direkt. Tack vare den vita f\u00e4rgen mot den bl\u00e5a bakgrunden hamnar logotypen l\u00e4ngre bak i hierarkin. Notera ocks\u00e5 den svarta menyraden som,&nbsp;tack vare sin kontrast mot den vita bakgrunden, \u00e4r tydlig men inte tar upp s\u00e5 stor plats.<br \/>\n&nbsp;<br \/>\nP\u00e5 Thielska gallieriet har man anv\u00e4nt sig av en mycket tydlig, och n\u00e5got v\u00e5gad, typografi f\u00f6r att lyfta fram sin utst\u00e4llning&nbsp;om Edvard Munch: den vita texten syns direkt. \u00c4ven h\u00e4r lever galleriets egen logotyp en n\u00e5got undanskymd tillvaro i det \u00f6vre v\u00e4nstra h\u00f6rnet, medan&nbsp;menyn inte heller drar alltf\u00f6r mycket uppm\u00e4rksamhet till sig. Thielskas Munch-affisch \u00e4r ett bra exempel p\u00e5 hur effektivt&nbsp;vitt kan vara n\u00e4r det s\u00e4tts i kontrast med flera f\u00e4rger &#8211; eftersom sidan \u00e4r s\u00e5 vit i sig ser man direkt den f\u00e4rgglada&nbsp;Munch-m\u00e5lningen, och den stora texten som verkligen st\u00e5r ut i kontrast mot sidans \u00f6vriga element.<br \/>\nN\u00e4r man f\u00f6rs\u00f6ker skapa en hierarki \u00e4r det allts\u00e5 tacksamt att anv\u00e4nda sig av b\u00e5de f\u00e4rger, storlek p\u00e5 texten, vikt och typsnitt&nbsp;f\u00f6r att markera vad som \u00e4r viktigt och vad som ska ligga i bakgrunden.<br \/>\n&nbsp;<br \/>\nHur ska man d\u00e5 t\u00e4nka?&nbsp;Det viktigaste elementet &#8211; din huvudinformation &#8211; b\u00f6r skilja sig fr\u00e5n det andra materialet genom att ha n\u00e5gonting speciellt&nbsp;kring sig. Hur du slutligen v\u00e4ljer att lyfta fram ditt material beror lite p\u00e5 hur din hemsida ser ut, men det finns n\u00e5gra huvudid\u00e9er som kan vara till hj\u00e4lp:Det h\u00e4r \u00e4r en p\u00e5hittad hemsida om olika material &#8211; i det h\u00e4r fallet ett avsnitt om glas. H\u00e4r har vi, som ni ser, inte anv\u00e4nt n\u00e5gra typografiska medel alls f\u00f6rutom att skilja de olika textstyckena \u00e5t med utrymme. H\u00e4r \u00e4r det s\u00e5 klart sv\u00e5rt att direkt se vad som \u00e4r vad i texten, och det \u00e4r sv\u00e5rt att veta var man ska b\u00f6rja l\u00e4sa.<br \/>\n&nbsp;<br \/>\nOm vi ist\u00e4llet g\u00f6r om textelementen n\u00e5got blir det genast lite tydligare:H\u00e4r har vi gjort flera saker f\u00f6r att g\u00f6ra texten l\u00e4ttare att hitta i:<br \/>\n&nbsp;<\/p>\n<p>Vi har&nbsp;ramat in sidans huvudnamn och gett den ett l\u00e4ttare typsnitt f\u00f6r att flytta tillbaka den i strukturen.<br \/>\nF\u00f6r att g\u00f6ra menyraden mer diskret i f\u00f6rh\u00e5llande till huvudmaterialet har \u00e4ven den f\u00e5tt ett tunnare typsnitt, som samtidigt skiljer ut den fr\u00e5n \u00f6vrig text.&nbsp;<br \/>\nEftersom vi vill visa l\u00e4saren vad just den h\u00e4r sidan handlar om har vi gjort rubriken &#8221;Glas&#8221; st\u00f6rre, gett den ett serif-typsnitt och gjort den vit. Alla de h\u00e4r sakerna lyfter fram rubriken och g\u00f6r att man direkt ser den.<br \/>\nVi har ocks\u00e5 \u00e4ndrat vikten p\u00e5 underrubriken till en fetare stil, vilket g\u00f6r att man tydligt ser att den inte tillh\u00f6r br\u00f6dtexten.&nbsp;<\/p>\n<p>&nbsp;<br \/>\nGenast ser det b\u00e4ttre ut: h\u00e4r dras blicken till huvudrubriken, och underrubriken g\u00e5r l\u00e4tt att skilja ut. Br\u00f6dtexten \u00e4r skriven i en sans-serif (i det h\u00e4r fallet Ebrima) vilket p\u00e5 en datorsk\u00e4rm tenderar att g\u00f6ra texten n\u00e5got l\u00e4ttare att l\u00e4sa(\u00e4ven om vissa typer av serifer \u00e4ven fungerar bra).Ett bra s\u00e4tt att hitta en passande typografisk ordning \u00e4r allts\u00e5 att p\u00e5 ett tidigt stadium best\u00e4mma dig f\u00f6r vad som \u00e4r br\u00f6dtext, vad som \u00e4r underrubrik och vad som \u00e4r rubrik i dina texter. V\u00e4lj d\u00e4refter hur du vill markera vad som \u00e4r vad, och h\u00e5ll dig till dina typsnitt och f\u00e4rger genom hela hemsidan. D\u00e5 kommer dina bes\u00f6kare att enkelt kunna navigera genom dina texter &#8211; och d\u00e4rmed ocks\u00e5 ha l\u00e4ttare att l\u00e4sa.<br \/>\n&nbsp;<br \/>\nDu kan ocks\u00e5 l\u00e4sa mer om hur du v\u00e4ljer typsnitt till din hemsida h\u00e4r: V\u00e4lj r\u00e4tt typsnitt: en guide till bokst\u00e4vernas utseende&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[69],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lyft fram ditt budskap med typografiska hierarkier - Hemsida24<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lyft fram ditt budskap med typografiska hierarkier - Hemsida24\" \/>\n<meta property=\"og:description\" content=\"Ordens utseende betyder mer \u00e4n vad vi tror - \u00f6gat dras automatiskt till det tydliga,&nbsp;medan det mindre tydliga hamnar i bakgrunden. I den h\u00e4r artikeln ber\u00e4ttar vi om hur du kan arbeta&nbsp;med typografi f\u00f6r att lyfta fram det viktiga i ditt inneh\u00e5ll, och samtidigt g\u00f6ra din hemsida mer l\u00e4ttl\u00e4st.Huvudsyftet med bra typografi - allts\u00e5 allt det som r\u00f6r bokst\u00e4verna och textens utseende - \u00e4r b\u00e5de att underl\u00e4tta l\u00e4sandet och att locka \u00f6gat till det vi vill att l\u00e4sare ska l\u00e4gga m\u00e4rke till.&nbsp;Inom grafisk design \u00e4r typografi central, och p\u00e5 internet \u00e4r det kanske extra viktigt&nbsp;att vara omsorgsfull om textens grafiska snitt. P\u00e5 en datorsk\u00e4rm t\u00e4vlar din hemsida st\u00e4ndigt om utrymme&nbsp;med knappar, banners och andra grafiska element, och det g\u00e4ller att visa bes\u00f6karen vad som \u00e4r vad. &nbsp; Tanken med den h\u00e4r artikeln \u00e4r d\u00e4rf\u00f6r att unders\u00f6ka hur&nbsp;du p\u00e5 ett b\u00e4ttre s\u00e4tt kan anv\u00e4nda dig av typsnitt, f\u00e4rg och form f\u00f6r att visa&nbsp;bes\u00f6karen vad som \u00e4r viktigt p\u00e5 din hemsida.Inom den publicistiska v\u00e4rlden talar man om rubriker, underrubriker och br\u00f6dtext som textens stora huvudblock.&nbsp;Rubriken \u00e4r den korta ordf\u00f6ljd som sammanfattar vad artikeln handlar om, underrubriken inneh\u00e5ller mer&nbsp;information om artikeln och br\u00f6dtexten \u00e4r artikelns sj\u00e4lva inneh\u00e5ll. N\u00e4r du arbetar med texten f\u00f6r din hemsida&nbsp;kan det vara bra att t\u00e4nka p\u00e5 samma s\u00e4tt - vad \u00e4r min rubrik och undertext? Hur ska de skiljas \u00e5t? &nbsp; N\u00e4r man skriver p\u00e5 sin hemsida tillkommer det ocks\u00e5 en rad ytterligare element; du har kanske en huvudrubrik f\u00f6r&nbsp;hela webbsidan, en rad menyknappar och ett textblock med l\u00e4nkar p\u00e5 sidan av huvudmatieralet. N\u00e4r vi talar&nbsp;om typografiska heirarkier avser vi hela kedjan av textelement, och v\u00e4rderingen av hur viktiga de olika elementen&nbsp;\u00e4r.H\u00e4r har vi den vy som m\u00f6ter bes\u00f6karen p\u00e5 Moderna museets hemsida. Som ni ser finns det en rad textelement&nbsp;som skiljer sig \u00e5t i typografi, vikt, storlek och f\u00e4rg. Notera att det som man ser f\u00f6rst \u00e4r namnet p\u00e5 utst\u00e4llningen &quot;Frontlinjer&quot;,&nbsp;och konstn\u00e4ren Omer Fasts namn - genom att skriva denna text i ett typsnitt som skiljer sig fr\u00e5n hemsidans \u00f6vriga element markerar man f\u00f6r bes\u00f6karen att just det h\u00e4r \u00e4r centralt. Den gr\u00e5a f\u00e4rgen i konstn\u00e4rens namn g\u00f6r ocks\u00e5 att blicken dras direkt dit.&nbsp; &nbsp; L\u00e4g ocks\u00e5 m\u00e4rke till museets logotyp, som trots att den ligger h\u00f6gst upp p\u00e5 sidan i stiliserad text inte f\u00e5ngar \u00f6gat direkt. Tack vare den vita f\u00e4rgen mot den bl\u00e5a bakgrunden hamnar logotypen l\u00e4ngre bak i hierarkin. Notera ocks\u00e5 den svarta menyraden som,&nbsp;tack vare sin kontrast mot den vita bakgrunden, \u00e4r tydlig men inte tar upp s\u00e5 stor plats. &nbsp; P\u00e5 Thielska gallieriet har man anv\u00e4nt sig av en mycket tydlig, och n\u00e5got v\u00e5gad, typografi f\u00f6r att lyfta fram sin utst\u00e4llning&nbsp;om Edvard Munch: den vita texten syns direkt. \u00c4ven h\u00e4r lever galleriets egen logotyp en n\u00e5got undanskymd tillvaro i det \u00f6vre v\u00e4nstra h\u00f6rnet, medan&nbsp;menyn inte heller drar alltf\u00f6r mycket uppm\u00e4rksamhet till sig. Thielskas Munch-affisch \u00e4r ett bra exempel p\u00e5 hur effektivt&nbsp;vitt kan vara n\u00e4r det s\u00e4tts i kontrast med flera f\u00e4rger - eftersom sidan \u00e4r s\u00e5 vit i sig ser man direkt den f\u00e4rgglada&nbsp;Munch-m\u00e5lningen, och den stora texten som verkligen st\u00e5r ut i kontrast mot sidans \u00f6vriga element. N\u00e4r man f\u00f6rs\u00f6ker skapa en hierarki \u00e4r det allts\u00e5 tacksamt att anv\u00e4nda sig av b\u00e5de f\u00e4rger, storlek p\u00e5 texten, vikt och typsnitt&nbsp;f\u00f6r att markera vad som \u00e4r viktigt och vad som ska ligga i bakgrunden. &nbsp; Hur ska man d\u00e5 t\u00e4nka?&nbsp;Det viktigaste elementet - din huvudinformation - b\u00f6r skilja sig fr\u00e5n det andra materialet genom att ha n\u00e5gonting speciellt&nbsp;kring sig. Hur du slutligen v\u00e4ljer att lyfta fram ditt material beror lite p\u00e5 hur din hemsida ser ut, men det finns n\u00e5gra huvudid\u00e9er som kan vara till hj\u00e4lp:Det h\u00e4r \u00e4r en p\u00e5hittad hemsida om olika material - i det h\u00e4r fallet ett avsnitt om glas. H\u00e4r har vi, som ni ser, inte anv\u00e4nt n\u00e5gra typografiska medel alls f\u00f6rutom att skilja de olika textstyckena \u00e5t med utrymme. H\u00e4r \u00e4r det s\u00e5 klart sv\u00e5rt att direkt se vad som \u00e4r vad i texten, och det \u00e4r sv\u00e5rt att veta var man ska b\u00f6rja l\u00e4sa. &nbsp; Om vi ist\u00e4llet g\u00f6r om textelementen n\u00e5got blir det genast lite tydligare:H\u00e4r har vi gjort flera saker f\u00f6r att g\u00f6ra texten l\u00e4ttare att hitta i: &nbsp;  Vi har&nbsp;ramat in sidans huvudnamn och gett den ett l\u00e4ttare typsnitt f\u00f6r att flytta tillbaka den i strukturen. F\u00f6r att g\u00f6ra menyraden mer diskret i f\u00f6rh\u00e5llande till huvudmaterialet har \u00e4ven den f\u00e5tt ett tunnare typsnitt, som samtidigt skiljer ut den fr\u00e5n \u00f6vrig text.&nbsp; Eftersom vi vill visa l\u00e4saren vad just den h\u00e4r sidan handlar om har vi gjort rubriken &quot;Glas&quot; st\u00f6rre, gett den ett serif-typsnitt och gjort den vit. Alla de h\u00e4r sakerna lyfter fram rubriken och g\u00f6r att man direkt ser den. Vi har ocks\u00e5 \u00e4ndrat vikten p\u00e5 underrubriken till en fetare stil, vilket g\u00f6r att man tydligt ser att den inte tillh\u00f6r br\u00f6dtexten.&nbsp;  &nbsp; Genast ser det b\u00e4ttre ut: h\u00e4r dras blicken till huvudrubriken, och underrubriken g\u00e5r l\u00e4tt att skilja ut. Br\u00f6dtexten \u00e4r skriven i en sans-serif (i det h\u00e4r fallet Ebrima) vilket p\u00e5 en datorsk\u00e4rm tenderar att g\u00f6ra texten n\u00e5got l\u00e4ttare att l\u00e4sa(\u00e4ven om vissa typer av serifer \u00e4ven fungerar bra).Ett bra s\u00e4tt att hitta en passande typografisk ordning \u00e4r allts\u00e5 att p\u00e5 ett tidigt stadium best\u00e4mma dig f\u00f6r vad som \u00e4r br\u00f6dtext, vad som \u00e4r underrubrik och vad som \u00e4r rubrik i dina texter. V\u00e4lj d\u00e4refter hur du vill markera vad som \u00e4r vad, och h\u00e5ll dig till dina typsnitt och f\u00e4rger genom hela hemsidan. D\u00e5 kommer dina bes\u00f6kare att enkelt kunna navigera genom dina texter - och d\u00e4rmed ocks\u00e5 ha l\u00e4ttare att l\u00e4sa. &nbsp; Du kan ocks\u00e5 l\u00e4sa mer om hur du v\u00e4ljer typsnitt till din hemsida h\u00e4r: V\u00e4lj r\u00e4tt typsnitt: en guide till bokst\u00e4vernas utseende&nbsp; &nbsp; &nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/\" \/>\n<meta property=\"og:site_name\" content=\"Hemsida24\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-15T14:59:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-28T11:02:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"supervisor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/\",\"name\":\"Hemsida24\",\"description\":\"Blogg\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#primaryimage\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg\",\"contentUrl\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#webpage\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/\",\"name\":\"Lyft fram ditt budskap med typografiska hierarkier - Hemsida24\",\"isPartOf\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#primaryimage\"},\"datePublished\":\"2013-03-15T14:59:40+00:00\",\"dateModified\":\"2022-02-28T11:02:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hemsida24.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lyft fram ditt budskap med typografiska hierarkier\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\",\"name\":\"supervisor\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#personlogo\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"caption\":\"supervisor\"},\"url\":\"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lyft fram ditt budskap med typografiska hierarkier - Hemsida24","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/","og_locale":"sv_SE","og_type":"article","og_title":"Lyft fram ditt budskap med typografiska hierarkier - Hemsida24","og_description":"Ordens utseende betyder mer \u00e4n vad vi tror - \u00f6gat dras automatiskt till det tydliga,&nbsp;medan det mindre tydliga hamnar i bakgrunden. I den h\u00e4r artikeln ber\u00e4ttar vi om hur du kan arbeta&nbsp;med typografi f\u00f6r att lyfta fram det viktiga i ditt inneh\u00e5ll, och samtidigt g\u00f6ra din hemsida mer l\u00e4ttl\u00e4st.Huvudsyftet med bra typografi - allts\u00e5 allt det som r\u00f6r bokst\u00e4verna och textens utseende - \u00e4r b\u00e5de att underl\u00e4tta l\u00e4sandet och att locka \u00f6gat till det vi vill att l\u00e4sare ska l\u00e4gga m\u00e4rke till.&nbsp;Inom grafisk design \u00e4r typografi central, och p\u00e5 internet \u00e4r det kanske extra viktigt&nbsp;att vara omsorgsfull om textens grafiska snitt. P\u00e5 en datorsk\u00e4rm t\u00e4vlar din hemsida st\u00e4ndigt om utrymme&nbsp;med knappar, banners och andra grafiska element, och det g\u00e4ller att visa bes\u00f6karen vad som \u00e4r vad. &nbsp; Tanken med den h\u00e4r artikeln \u00e4r d\u00e4rf\u00f6r att unders\u00f6ka hur&nbsp;du p\u00e5 ett b\u00e4ttre s\u00e4tt kan anv\u00e4nda dig av typsnitt, f\u00e4rg och form f\u00f6r att visa&nbsp;bes\u00f6karen vad som \u00e4r viktigt p\u00e5 din hemsida.Inom den publicistiska v\u00e4rlden talar man om rubriker, underrubriker och br\u00f6dtext som textens stora huvudblock.&nbsp;Rubriken \u00e4r den korta ordf\u00f6ljd som sammanfattar vad artikeln handlar om, underrubriken inneh\u00e5ller mer&nbsp;information om artikeln och br\u00f6dtexten \u00e4r artikelns sj\u00e4lva inneh\u00e5ll. N\u00e4r du arbetar med texten f\u00f6r din hemsida&nbsp;kan det vara bra att t\u00e4nka p\u00e5 samma s\u00e4tt - vad \u00e4r min rubrik och undertext? Hur ska de skiljas \u00e5t? &nbsp; N\u00e4r man skriver p\u00e5 sin hemsida tillkommer det ocks\u00e5 en rad ytterligare element; du har kanske en huvudrubrik f\u00f6r&nbsp;hela webbsidan, en rad menyknappar och ett textblock med l\u00e4nkar p\u00e5 sidan av huvudmatieralet. N\u00e4r vi talar&nbsp;om typografiska heirarkier avser vi hela kedjan av textelement, och v\u00e4rderingen av hur viktiga de olika elementen&nbsp;\u00e4r.H\u00e4r har vi den vy som m\u00f6ter bes\u00f6karen p\u00e5 Moderna museets hemsida. Som ni ser finns det en rad textelement&nbsp;som skiljer sig \u00e5t i typografi, vikt, storlek och f\u00e4rg. Notera att det som man ser f\u00f6rst \u00e4r namnet p\u00e5 utst\u00e4llningen \"Frontlinjer\",&nbsp;och konstn\u00e4ren Omer Fasts namn - genom att skriva denna text i ett typsnitt som skiljer sig fr\u00e5n hemsidans \u00f6vriga element markerar man f\u00f6r bes\u00f6karen att just det h\u00e4r \u00e4r centralt. Den gr\u00e5a f\u00e4rgen i konstn\u00e4rens namn g\u00f6r ocks\u00e5 att blicken dras direkt dit.&nbsp; &nbsp; L\u00e4g ocks\u00e5 m\u00e4rke till museets logotyp, som trots att den ligger h\u00f6gst upp p\u00e5 sidan i stiliserad text inte f\u00e5ngar \u00f6gat direkt. Tack vare den vita f\u00e4rgen mot den bl\u00e5a bakgrunden hamnar logotypen l\u00e4ngre bak i hierarkin. Notera ocks\u00e5 den svarta menyraden som,&nbsp;tack vare sin kontrast mot den vita bakgrunden, \u00e4r tydlig men inte tar upp s\u00e5 stor plats. &nbsp; P\u00e5 Thielska gallieriet har man anv\u00e4nt sig av en mycket tydlig, och n\u00e5got v\u00e5gad, typografi f\u00f6r att lyfta fram sin utst\u00e4llning&nbsp;om Edvard Munch: den vita texten syns direkt. \u00c4ven h\u00e4r lever galleriets egen logotyp en n\u00e5got undanskymd tillvaro i det \u00f6vre v\u00e4nstra h\u00f6rnet, medan&nbsp;menyn inte heller drar alltf\u00f6r mycket uppm\u00e4rksamhet till sig. Thielskas Munch-affisch \u00e4r ett bra exempel p\u00e5 hur effektivt&nbsp;vitt kan vara n\u00e4r det s\u00e4tts i kontrast med flera f\u00e4rger - eftersom sidan \u00e4r s\u00e5 vit i sig ser man direkt den f\u00e4rgglada&nbsp;Munch-m\u00e5lningen, och den stora texten som verkligen st\u00e5r ut i kontrast mot sidans \u00f6vriga element. N\u00e4r man f\u00f6rs\u00f6ker skapa en hierarki \u00e4r det allts\u00e5 tacksamt att anv\u00e4nda sig av b\u00e5de f\u00e4rger, storlek p\u00e5 texten, vikt och typsnitt&nbsp;f\u00f6r att markera vad som \u00e4r viktigt och vad som ska ligga i bakgrunden. &nbsp; Hur ska man d\u00e5 t\u00e4nka?&nbsp;Det viktigaste elementet - din huvudinformation - b\u00f6r skilja sig fr\u00e5n det andra materialet genom att ha n\u00e5gonting speciellt&nbsp;kring sig. Hur du slutligen v\u00e4ljer att lyfta fram ditt material beror lite p\u00e5 hur din hemsida ser ut, men det finns n\u00e5gra huvudid\u00e9er som kan vara till hj\u00e4lp:Det h\u00e4r \u00e4r en p\u00e5hittad hemsida om olika material - i det h\u00e4r fallet ett avsnitt om glas. H\u00e4r har vi, som ni ser, inte anv\u00e4nt n\u00e5gra typografiska medel alls f\u00f6rutom att skilja de olika textstyckena \u00e5t med utrymme. H\u00e4r \u00e4r det s\u00e5 klart sv\u00e5rt att direkt se vad som \u00e4r vad i texten, och det \u00e4r sv\u00e5rt att veta var man ska b\u00f6rja l\u00e4sa. &nbsp; Om vi ist\u00e4llet g\u00f6r om textelementen n\u00e5got blir det genast lite tydligare:H\u00e4r har vi gjort flera saker f\u00f6r att g\u00f6ra texten l\u00e4ttare att hitta i: &nbsp;  Vi har&nbsp;ramat in sidans huvudnamn och gett den ett l\u00e4ttare typsnitt f\u00f6r att flytta tillbaka den i strukturen. F\u00f6r att g\u00f6ra menyraden mer diskret i f\u00f6rh\u00e5llande till huvudmaterialet har \u00e4ven den f\u00e5tt ett tunnare typsnitt, som samtidigt skiljer ut den fr\u00e5n \u00f6vrig text.&nbsp; Eftersom vi vill visa l\u00e4saren vad just den h\u00e4r sidan handlar om har vi gjort rubriken \"Glas\" st\u00f6rre, gett den ett serif-typsnitt och gjort den vit. Alla de h\u00e4r sakerna lyfter fram rubriken och g\u00f6r att man direkt ser den. Vi har ocks\u00e5 \u00e4ndrat vikten p\u00e5 underrubriken till en fetare stil, vilket g\u00f6r att man tydligt ser att den inte tillh\u00f6r br\u00f6dtexten.&nbsp;  &nbsp; Genast ser det b\u00e4ttre ut: h\u00e4r dras blicken till huvudrubriken, och underrubriken g\u00e5r l\u00e4tt att skilja ut. Br\u00f6dtexten \u00e4r skriven i en sans-serif (i det h\u00e4r fallet Ebrima) vilket p\u00e5 en datorsk\u00e4rm tenderar att g\u00f6ra texten n\u00e5got l\u00e4ttare att l\u00e4sa(\u00e4ven om vissa typer av serifer \u00e4ven fungerar bra).Ett bra s\u00e4tt att hitta en passande typografisk ordning \u00e4r allts\u00e5 att p\u00e5 ett tidigt stadium best\u00e4mma dig f\u00f6r vad som \u00e4r br\u00f6dtext, vad som \u00e4r underrubrik och vad som \u00e4r rubrik i dina texter. V\u00e4lj d\u00e4refter hur du vill markera vad som \u00e4r vad, och h\u00e5ll dig till dina typsnitt och f\u00e4rger genom hela hemsidan. D\u00e5 kommer dina bes\u00f6kare att enkelt kunna navigera genom dina texter - och d\u00e4rmed ocks\u00e5 ha l\u00e4ttare att l\u00e4sa. &nbsp; Du kan ocks\u00e5 l\u00e4sa mer om hur du v\u00e4ljer typsnitt till din hemsida h\u00e4r: V\u00e4lj r\u00e4tt typsnitt: en guide till bokst\u00e4vernas utseende&nbsp; &nbsp; &nbsp;","og_url":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/","og_site_name":"Hemsida24","article_published_time":"2013-03-15T14:59:40+00:00","article_modified_time":"2022-02-28T11:02:30+00:00","og_image":[{"url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"supervisor","Ber\u00e4knad l\u00e4stid":"6 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.hemsida24.se\/blogg\/#website","url":"https:\/\/www.hemsida24.se\/blogg\/","name":"Hemsida24","description":"Blogg","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"sv-SE"},{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#primaryimage","inLanguage":"sv-SE","url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg","contentUrl":"https:\/\/h24-original.s3.amazonaws.com\/44\/11327418-zmQvS.png?name=.jpg"},{"@type":"WebPage","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#webpage","url":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/","name":"Lyft fram ditt budskap med typografiska hierarkier - Hemsida24","isPartOf":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#primaryimage"},"datePublished":"2013-03-15T14:59:40+00:00","dateModified":"2022-02-28T11:02:30+00:00","author":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574"},"breadcrumb":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/15\/lyft-fram-ditt-budskap-med-typografiska-hierarkier\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hemsida24.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"Lyft fram ditt budskap med typografiska hierarkier"}]},{"@type":"Person","@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574","name":"supervisor","image":{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/#personlogo","inLanguage":"sv-SE","url":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","caption":"supervisor"},"url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/409"}],"collection":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":1,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/409\/revisions"}],"predecessor-version":[{"id":773,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/409\/revisions\/773"}],"wp:attachment":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/media?parent=409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/categories?post=409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/tags?post=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}