14 vansinnigt episka teckensnittskombinationer för ditt nästa projekt

Typografi finns överallt, men att välja rätt kombination av typsnitt för ditt projekt är en av de svåraste – och mest tidskrävande – uppgifterna du förmodligen kommer att möta som grafisk designer.

Nuförtiden finns det fler typsnitt där ute än någonsin – med fler som skapas varje vecka – så att till och med hitta bara ett typsnitt som du gillar kan bli en lång uppgift i sig. Plus, även när du lyckas hitta en, måste du sedan gå igenom hela teckensnittsökningsprocessen igen för att hitta ett gratis typsnitt som ska finnas bredvid det.

Detta kan ta timmar, dagar, veckor eller möjligen månader, i vissa fall.

Som tur är behöver du inte börja om från början varje gång, eftersom det redan finns ett ton av episka teckensnittskombinationer där ute, du behöver bara leta efter dem.

Här är några episka kombinationer vi hittade online:

1 ArsMaquette Web + FF Tisa Web Pro

Webbplatslänk: Sozo Design

Sozo Design är en brittisk designbyrå som – av deras hemsida att döma – vet vad de gör när det kommer till typografi.

ArsMaquette och FF Tisa Pro komplimenterar varandra perfekt, som du kan se från skärmdumpen av webbplatsens hemsida ovan. Anledningen till detta beror på det faktum att ArsMaquette är ett sans serif-teckensnitt, medan FF Tisa är ett serif-typsnitt. Som du kanske redan vet är att blanda ett sans serif-typsnitt med ett serif-typsnitt vanligtvis ett framgångsrecept.

FF Tisa är ett vackert och läsbart texttypsnitt och har precis rätt balans mellan formalitet och personlighet för Sozo.

2 Didot Light + Source Sans Pro

Webbplatslänk: Wraxell’s

Så ofta har sajter som Wraxells (dvs. takwebbplatser) tråkiga, föga inbjudande och förlegade design.

Wrexells design är dock långt ifrån föråldrad, delvis tack vare en fantastisk kombination av typsnitt på hela webbplatsen.

De två huvudsakliga typsnitten som används här är Didot Light (orden ”Green Roofing” ovan är skrivna i Didot Light) och Source Sans Pro.

Didot Light är ett intressant val för webbplatsen – och möjligen ett som få designers skulle ha valt på grund av dess något neoklassiska utseende – men det fungerar vackert bra, särskilt tillsammans med den jordnära Source Sans Pro.

3 Raleway + Lato

Webbplatslänk: Nexus

Nexus (sajten på bilden ovan) är faktiskt ett webbplatstema som finns att köpa från Themeforest (så inget att göra med Google Nexus).

Faktum är att den enda kopplingen mallen har till Google är att den använder två typsnitt från Google Fonts: Raleway och Lato.

Raleway är ett flitigt använt typsnitt på webbplatsen och är perfekt för en mängd olika användningsområden; det kan dock vara lite ”full-on” för användning som stycke/brödtext. Om du känner att detta är fallet för ditt varumärke, överväg att para ihop det med Lato: ett enkelt sans serif-teckensnitt som kompletterar Raleway perfekt.

4 Proxima Nova + JafBernino Sans

Webbplatslänk: Koh Active

Koh Active bygger digitala produkter för innovativa varumärken, och som du säkert kan se från deras hemsida håller de saker rent, enkelt och elegant.

Detta återspeglas också i deras val av typografi på hemsidan. De använder två typsnitt: Proxima Nova och JafBernino Sans för att få ett enkelt, elegant utseende som också väcker uppmärksamhet.

Proxima Nova är extremt välgjord och elegant, medan JafBernino Sans är tjock och lockar din uppmärksamhet. När de används tillsammans med varandra, erbjuder dessa två typsnitt den perfekta kombinationen för alla moderna varumärken som letar efter ett enkelt no-nonsense tillvägagångssätt.

5 Knockout 52 + Chronicle Text

Webbplatslänk: Keeping New York On Track

Att hålla New York On Track är en unik webbplats. Den använder sig av ett överflöd av vitt utrymme och moderna illustrationer. New York är trots allt ungefär så modernt och kosmopolitiskt som det kan bli.

När det kommer till typografi fortsätter det rena moderna utseendet på webbplatsen med användning av Knockout 52 och Chronicle Text. Knockout 52 är det stora, djärva, sans-serif typsnittet som du ser används för rubriken; det är lite likt Helvetica.

För huvudbrödtexten används Chronicle Text, ett serif-typsnitt som inte är alltför olikt Georgia eller Sans Serif.

Den resulterande kombinationen är elegant, modern och mycket läsbar.

6 Kepler Standard Display + Futura PT

Webbplatslänk: Ellen Tracey

Ellen Tracey beskriver sig själv som ”den perfekta balansen mellan ungdomlig attityd och vuxen glamour” – och detta är något som verkligen återspeglas i varumärkets val av typografi.

På hela webbplatsen används endast två typsnitt: Kepler Standard Display och Futura PT. Kepler är det vackra serif-typsnittet som främst används för titlar/rubriker medan Futura PT används som huvudteckensnitt såväl som för menyraden.

Återigen, att blanda ett sans serif- och serif-teckensnitt brukar fungera bra, men det krävs en smart designer för att skapa en kombination som denna, eftersom den speglar varumärkets personlighet vackert.

7 DIN Next + Minion W01

Webbplatslänk: This Is Iron Clad

”This Is Iron Clad” beskriver sig själv som en ”boutique digital biobyrå som specialiserat sig på kreativt berättande” – en ganska unik introduktion, minst sagt.

Det är unika märken som detta som ofta är svårast att göra val när det kommer till typografi, men det här märket har lyckats bra. Den använder sig av DIN Next och Minion W01 för att skapa ett enkelt men modernt utseende.

DIN Next används för huvudrubrik, medan Minion W01 används för underrubrik. Återigen fungerar denna kombination av serif + sans serif bra. Båda typsnitten är kursiverade, vilket ger varumärket lite unikhet och personlighet.

8 OldStyle + Future

Webbplatslänk: GiliLankafushi

GiliLankafushi är en exklusiv resort gömd på den vackra ön Maldiverna i Indiska oceanen. Det kanske inte är det billigaste stället att bo på, men det är verkligen lyxigt.

Vanligtvis kommer du att se lyxiga, dyra märken som detta som använder sig av enkel serif-typografi, och ofta fungerar det ganska bra. GiliLankafushi ville dock inte förmedla den vanliga ”lyxiga” känslan, utan också en känsla av exotiskhet.

För att uppnå detta har de använt sig av två typsnitt: OldStyle och Avenir. OldStyle används för att uppnå den känslan av exotiskhet, medan Avenir håller saker enkelt, elegant och jordnära.

9 Sweet Sans Medium + Lato

Webbplatslänk: My 365 Days in Print

My 365 Days in Print är ett unikt projekt som förvandlar 365 dagars berättelser till en unik bok med tryck.

Med ett unikt projekt kommer en unik typsnittskombination, denna gång i form av Sweet Sans Medium och Lato.

Sweet Sans Medium är typsnittet du ser används för rubriken ovan; den är djärv men har också karaktär. Lato används för brödtexten eftersom den är mycket läsbar och fungerar bra tillsammans med nästan vad som helst.

Du kommer att märka att båda dessa typsnitt är sans serif; bara för att det är typiskt att para ihop en serif och sans serif betyder det inte att två sans serif typsnitt inte kan se vackra ut tillsammans.

10 JafBernino Sans + Freight Text Pro

Webbplatslänk: Medium

Medium har blivit en ganska ikonisk webbplats vad gäller typografi. Eftersom det är en webbplats för skribenter hålls saker och ting så enkla och läsbara som möjligt, vilket är anledningen till kombinationen JafBernino Sans och Freight Text Pro.

Freight Text Pro är ganska lik Georgia, även om den har lite mer unikhet och används inte alls lika mycket. JafBernino Sans är djärvt och tjockt, vilket gör det till det perfekta typsnittet för en iögonfallande rubrik.

Återigen är kombinationen serif/sans serif.

11 Kelson utan ljus + öppen utan

Webbplatslänk: Qburst

Kelson Sans Light är ett unikt teckensnittsval för alla märken, och du ser det inte så mycket på webben; detta är dock synd, eftersom det är ett unikt typsnitt som fungerar bra med många andra typsnitt.

Du kommer att märka att Kelson Sans Light och Open Sans är relativt lika; de är båda sans serif och de har båda en liknande no-nonsens-kvalitet som dem. Nu är vanligtvis liknande typsnitt ett dåligt val för en kombination, men om du är smart på det (som den här sidan har varit), kan de fungera bra tillsammans.

Tricket är att använda vikter och styling för att hjälpa till att skilja de två typsnitten åt. I exemplet ovan kommer du att märka att en lätt version av Kelson Sans används tillsammans med en kursiv version av Open Sans.

12 Gotham SSM + Playfair Display

Webbplatslänk: Rörelse

Grejen med företagssajter är att de kan vara ganska tråkiga; Du kommer ofta att se Times New Roman och Georgia dyka upp mycket mer än de borde.

Movement.com har dock använt sig av två typsnitt: Gotham SSM och Playfair Display för att skapa ett lite formellt och företagsutseende som gör bort det tråkiga.

Även om dessa två typsnitt fungerar ganska bra tillsammans min standard, är det geniala med denna webbplats användningen av många olika teckensnittsvikter, storlekar och stilar för att skapa en intressant design med hierarki.

13 Brandon Grotesque + Chaparral Pro

Webbplatslänk: Lumate

Lumate är en färgstark, väldesignad webbplats som är relativt minimalistisk i sin designstil. Den använder sig också av en något unik typografikombination: Brandon Grotesque och Chaparral Pro.

Brandon Grotesque håller på att bli ett ganska flitigt använt typsnitt på webben, men du ser inte Chaparral Pro lika ofta. De två gör ett bra par. Brandon Grotesque är enkel, sans serif och perfekt för rubriken, medan Chaparral Pro fungerar perfekt tillsammans som en underrubrik.

PT Sans används också på sidan, vilket fungerar bra tillsammans med båda typsnitten.

14 Open Sans + Merriweather

Webbplatslänk: Ashton Golf

Ashton Golf kunde lätt ha varit ännu en tråkig golfbanas hemsida fullspäckad med erbjudanden, röriga bilder och annat, men som tur är måste designers ha haft sina kreativa hattar den dagen de designade den här sidan.

En av de mest slående sakerna med webbplatsen är användningen av typografi. Den använder sig av Open Sans och Merriweather; två väldigt olika typsnitt.

Det primära typsnittet som används på webbplatsen är Merriweather, även om Open Sans används för de mindre viktiga aspekterna av designen. Eftersom de är en sans serif/serif-kombination fungerar de vackert tillsammans.