04
Typography
Typography is a cornerstone of the La Paleta identity system. Our type choices convey personality, establish hierarchy, and create an emotional connection with audiences across every touchpoint — from packaging to digital campaigns.
Font
La Paleta uses a dual-typeface system. Puffin Display Soft serves as the display typeface for headings and high-impact moments, while Montserrat handles body text and supporting content. Together, they balance personality with readability.
Puffin Display Soft
Display · Headings · Titles
Montserrat
Body · Paragraphs · UI Text
Puffin Display Soft — Character Set
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( )
Weights & Styles
Puffin Display Soft is used in a single weight — Black — for maximum brand impact on headings and display moments. Montserrat provides a full weight range for body text, from Light through Bold, ensuring flexibility across all content needs.
Puffin Display Soft — Display Weight
Montserrat — Body Weights
Typeface Settings
Proper kerning and tracking ensure that typography feels polished and intentional. Below are the two fundamental spacing concepts that shape how our type appears in context.
Kerning
LaPaleta
Kerning adjusts spacing between specific letter pairs to achieve even visual rhythm. It corrects optical imbalances inherent in certain character combinations.
Tracking
L a P a l e t a
Tracking applies uniform spacing across all characters. It controls the overall density of a word or line, and is commonly widened for uppercase labels and tightened for large headlines.
Type Scale Preview
Usage Chart
The following charts provide precise parameters for type across screen and print. These serve as guidelines — designers should exercise discretion based on medium, scale, screen resolution, materials, and production context.
Screen (Digital)
| Size | Pixels | Line Height | Kerning | Tracking | Word Spacing |
|---|---|---|---|---|---|
| Display | 48–76px | 96%–100% | Metrics | -2% to -4% | — |
| H1 | 36–48px | 100%–110% | Metrics | -1% to -3% | — |
| H2 | 28–36px | 110%–120% | Metrics | -1% to -2% | — |
| H3 | 22–28px | 116%–124% | Metrics | -1% | — |
| H4 | 18–22px | 120%–128% | Metrics | 0% | — |
| Body | 15–16px | 150%–160% | Metrics | 0% | — |
| Small | 12–14px | 140%–150% | Metrics | 0% | — |
| Caption | 10–12px | 130%–140% | Metrics | +1% | — |
| Size | Points | Line Height | Kerning | Tracking | Word Spacing |
|---|---|---|---|---|---|
| Display | 48–72pt | 96%–100% | Metrics | -3% to -4% | 96% |
| H1 | 32–48pt | 100%–108% | Metrics | -2% to -3% | 98% |
| H2 | 24–32pt | 108%–116% | Metrics | -1% to -2% | 98% |
| H3 | 18–24pt | 116%–120% | Metrics | -1% | 100% |
| Body | 10–12pt | 140%–150% | Metrics | 0% | 100% |
| Caption | 8–10pt | 130%–140% | Metrics | +1% | 100% |
Download Font
Puffin Display Soft is a custom brand font included in the brand assets package. Montserrat is available for free through Google Fonts. Download them to use in presentations, documents, and any offline design work.