Naar de hoofdinhoud

Een combinatie van lettertypen maken en bewerken

Leer hoe u de typografie van uw CentralApp-website aanpast aan uw merkidentiteit. Ontdek hoe u lettertypecombinaties instelt en lettergewicht, regelhoogte, verhoudingen en letterafstand eenvoudig verfijnt.

Geschreven door Odile Lodewijck

Met aangepaste lettertypecombinaties kunt u de typografie van uw website rechtstreeks afstemmen op uw merkidentiteit. Volg deze stapsgewijze handleiding om vooraf ingestelde typografische combinaties te configureren of afzonderlijke typografische elementen op uw CentralApp-website aan te passen.

Toegang tot merkelementen

Klik in het CentralApp-voorbeeldvenster op Logos & font combinations in de sectie Brand assets. Selecteer vervolgens bovenaan het menu het tabblad Font Combinations.

Een nieuwe lettertypecombinatie toevoegen

  1. Klik op de knop + Add a combination.

  2. Kies hoe u uw typografie wilt configureren:

    • Presets: kies uit vooraf geconfigureerde, professioneel samengestelde typografische sjablonen.

    • Custom: kies handmatig de lettertypen, gewichten, regelhoogtes en stijlen voor elk teksttype.

Uw aangepaste lettertype-instellingen configureren

Als u Custom kiest, kunt u elke categorie (Title, Text, Navigation of Button) uitklappen door op SHOW te klikken. Zo kunt u de typografische instellingen verder verfijnen.

  1. Title: koppen en hero-secties

  2. Text: alinea's en hoofdtekst

  3. Navigation: menu's en belangrijkste navigatielinks

  4. Button: call-to-action-knoppen (CTA)

  • Font: klik op Select a font om het vervolgkeuzemenu te openen en een lettertypefamilie te kiezen voor het betreffende teksttype.

  • Weight: bepaalt de standaarddikte van het lettertype (bijvoorbeeld 700). Pas deze aan met de knoppen - en +.

  • Bold: bepaalt het specifieke gewicht dat wordt toegepast wanneer tekst binnen dit type expliciet vet wordt weergegeven (bijvoorbeeld 700).

  • Line Height: bepaalt de verticale ruimte tussen tekstregels binnen een alinea of kop (bijvoorbeeld 1.1).

  • Ratio: bepaalt de proportionele schaalfactor tussen de verschillende kopniveaus (H1, H2, H3, enz.) om een duidelijke visuele hiërarchie te creëren (bijvoorbeeld 1.28).

  • Letter Spacing: past de horizontale ruimte tussen afzonderlijke letters aan (bijvoorbeeld 0).

Is vetgedrukte tekst niet te onderscheiden van gewone tekst?

Controleer in Custom > Text de waarden Weight en Bold. Als ze gelijk zijn, hebben gewone en vetgedrukte tekst dezelfde dikte. Kies voor Bold een hoger gewicht dat beschikbaar is voor het gekozen lettertype, sla de combinatie op en controleer het resultaat in de websitepreview.

Uw combinatie opslaan

Zodra u alle gewenste opties heeft geconfigureerd, klikt u onderaan het paneel op de knop Save combination om uw nieuwe typografische regels toe te passen op uw volledige website.

Een bestaande lettertypecombinatie bewerken

Zoek uw opgeslagen combinatie in de lijst Font Combinations en klik op het pictogram Bewerken (potloodpictogram) ernaast om het personalisatiepaneel rechtstreeks te openen.

Was dit een antwoord op uw vraag?