Kitchen Sink
Typography
Light Theme
Details
- Min size: 18
- Max size: 28
- Min line height: 27
- Max line height: 36
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
- Font weight: 400
- Media: Array
Details
- Min size: 30
- Max size: 43
- Min line height: 48
- Max line height: 65
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 18
- Max size: 18
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 28
- Max size: 28
- Min line height: 36
- Max line height: 36
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 24
- Max size: 24
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.03em
Details
- Min size: 18
- Max size: 18
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- Text transform: uppercase
Details
- Min size: 58
- Max size: 234
- Min line height: 57
- Max line height: 206
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.04em
Details
- Min size: 50
- Max size: 190
- Min line height: 57
- Max line height: 200
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 40
- Max size: 83
- Min line height: 42
- Max line height: 76
- Font family: “Halenoir Display”, sans-serif
- Media: Array
Details
- Min size: 34
- Max size: 120
- Min line height: 38
- Max line height: 143
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 34
- Max size: 44
- Min line height: 38
- Max line height: 46
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Text transform: none
Details
- Min size: 23
- Max size: 28
- Min line height: 29
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 26
- Max size:
- Min line height: 32
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
- Text transform: none
Details
- Min size: 27
- Max size: 27
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: -0.01em
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.02em
Details
- Min size: 22
- Max size: 22
- Min line height: 38
- Max line height: 38
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 20
- Max size: 20
- Min line height: 25
- Max line height: 25
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: -0.02em
Details
- Min size: 12
- Max size: 20
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: 0.04em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
Details
- Min size: 46
- Max size: 20
- Min line height: 46
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- min font size: var(–fz-nav-links-min)
- max font size: var(–fz-nav-links-min)
- min line height: var(–fz-nav-links-lh-min)
- max line height: var(–fz-nav-links-lh-min)
- Media: Array
Details
- Min size: 36
- Max size: 79
- Min line height: 46
- Max line height: 98
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 100
- Max size: 100
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 150
- Max size: 150
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 24
- Max size: 24
- Min line height: 24
- Max line height: 24
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 26
- Max line height: 26
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.00em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.04em
- Text transform: uppercase
Dark Theme
Details
- Min size: 18
- Max size: 28
- Min line height: 27
- Max line height: 36
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
- Font weight: 400
- Media: Array
Details
- Min size: 30
- Max size: 43
- Min line height: 48
- Max line height: 65
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 18
- Max size: 18
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 28
- Max size: 28
- Min line height: 36
- Max line height: 36
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 24
- Max size: 24
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.03em
Details
- Min size: 18
- Max size: 18
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- Text transform: uppercase
Details
- Min size: 58
- Max size: 234
- Min line height: 57
- Max line height: 206
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.04em
Details
- Min size: 50
- Max size: 190
- Min line height: 57
- Max line height: 200
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 40
- Max size: 83
- Min line height: 42
- Max line height: 76
- Font family: “Halenoir Display”, sans-serif
- Media: Array
Details
- Min size: 34
- Max size: 120
- Min line height: 38
- Max line height: 143
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 34
- Max size: 44
- Min line height: 38
- Max line height: 46
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Text transform: none
Details
- Min size: 23
- Max size: 28
- Min line height: 29
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 26
- Max size:
- Min line height: 32
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
- Text transform: none
Details
- Min size: 27
- Max size: 27
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: -0.01em
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.02em
Details
- Min size: 22
- Max size: 22
- Min line height: 38
- Max line height: 38
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 20
- Max size: 20
- Min line height: 25
- Max line height: 25
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: -0.02em
Details
- Min size: 12
- Max size: 20
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: 0.04em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
Details
- Min size: 46
- Max size: 20
- Min line height: 46
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- min font size: var(–fz-nav-links-min)
- max font size: var(–fz-nav-links-min)
- min line height: var(–fz-nav-links-lh-min)
- max line height: var(–fz-nav-links-lh-min)
- Media: Array
Details
- Min size: 36
- Max size: 79
- Min line height: 46
- Max line height: 98
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 100
- Max size: 100
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 150
- Max size: 150
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 24
- Max size: 24
- Min line height: 24
- Max line height: 24
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 26
- Max line height: 26
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.00em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.04em
- Text transform: uppercase
Pink Theme
Details
- Min size: 18
- Max size: 28
- Min line height: 27
- Max line height: 36
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
- Font weight: 400
- Media: Array
Details
- Min size: 30
- Max size: 43
- Min line height: 48
- Max line height: 65
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 18
- Max size: 18
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 28
- Max size: 28
- Min line height: 36
- Max line height: 36
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 24
- Max size: 24
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.03em
Details
- Min size: 18
- Max size: 18
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- Text transform: uppercase
Details
- Min size: 58
- Max size: 234
- Min line height: 57
- Max line height: 206
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.04em
Details
- Min size: 50
- Max size: 190
- Min line height: 57
- Max line height: 200
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 40
- Max size: 83
- Min line height: 42
- Max line height: 76
- Font family: “Halenoir Display”, sans-serif
- Media: Array
Details
- Min size: 34
- Max size: 120
- Min line height: 38
- Max line height: 143
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 34
- Max size: 44
- Min line height: 38
- Max line height: 46
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Text transform: none
Details
- Min size: 23
- Max size: 28
- Min line height: 29
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 26
- Max size:
- Min line height: 32
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
- Text transform: none
Details
- Min size: 27
- Max size: 27
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: -0.01em
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.02em
Details
- Min size: 22
- Max size: 22
- Min line height: 38
- Max line height: 38
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 20
- Max size: 20
- Min line height: 25
- Max line height: 25
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: -0.02em
Details
- Min size: 12
- Max size: 20
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: 0.04em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
Details
- Min size: 46
- Max size: 20
- Min line height: 46
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- min font size: var(–fz-nav-links-min)
- max font size: var(–fz-nav-links-min)
- min line height: var(–fz-nav-links-lh-min)
- max line height: var(–fz-nav-links-lh-min)
- Media: Array
Details
- Min size: 36
- Max size: 79
- Min line height: 46
- Max line height: 98
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 100
- Max size: 100
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 150
- Max size: 150
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 24
- Max size: 24
- Min line height: 24
- Max line height: 24
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 26
- Max line height: 26
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.00em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.04em
- Text transform: uppercase
Purple Theme
Details
- Min size: 18
- Max size: 28
- Min line height: 27
- Max line height: 36
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
- Font weight: 400
- Media: Array
Details
- Min size: 30
- Max size: 43
- Min line height: 48
- Max line height: 65
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 18
- Max size: 18
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 28
- Max size: 28
- Min line height: 36
- Max line height: 36
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 24
- Max size: 24
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.03em
Details
- Min size: 18
- Max size: 18
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- Text transform: uppercase
Details
- Min size: 58
- Max size: 234
- Min line height: 57
- Max line height: 206
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.04em
Details
- Min size: 50
- Max size: 190
- Min line height: 57
- Max line height: 200
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 40
- Max size: 83
- Min line height: 42
- Max line height: 76
- Font family: “Halenoir Display”, sans-serif
- Media: Array
Details
- Min size: 34
- Max size: 120
- Min line height: 38
- Max line height: 143
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 34
- Max size: 44
- Min line height: 38
- Max line height: 46
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Text transform: none
Details
- Min size: 23
- Max size: 28
- Min line height: 29
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 26
- Max size:
- Min line height: 32
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
- Text transform: none
Details
- Min size: 27
- Max size: 27
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: -0.01em
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.02em
Details
- Min size: 22
- Max size: 22
- Min line height: 38
- Max line height: 38
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 20
- Max size: 20
- Min line height: 25
- Max line height: 25
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: -0.02em
Details
- Min size: 12
- Max size: 20
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: 0.04em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
Details
- Min size: 46
- Max size: 20
- Min line height: 46
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- min font size: var(–fz-nav-links-min)
- max font size: var(–fz-nav-links-min)
- min line height: var(–fz-nav-links-lh-min)
- max line height: var(–fz-nav-links-lh-min)
- Media: Array
Details
- Min size: 36
- Max size: 79
- Min line height: 46
- Max line height: 98
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 100
- Max size: 100
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 150
- Max size: 150
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 24
- Max size: 24
- Min line height: 24
- Max line height: 24
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 26
- Max line height: 26
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.00em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.04em
- Text transform: uppercase
Green Theme
Details
- Min size: 18
- Max size: 28
- Min line height: 27
- Max line height: 36
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
- Font weight: 400
- Media: Array
Details
- Min size: 30
- Max size: 43
- Min line height: 48
- Max line height: 65
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 21
- Max size: 31
- Min line height: 32
- Max line height: 46
- Font family: “Tiempos Headline”, serif
- Font weight: 400
- Letter spacing: 0.02em
- Media: Array
Details
- Min size: 18
- Max size: 18
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 28
- Max size: 28
- Min line height: 36
- Max line height: 36
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Letter spacing: 0.00em
Details
- Min size: 24
- Max size: 24
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.03em
Details
- Min size: 18
- Max size: 18
- Min line height: 30
- Max line height: 30
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- Text transform: uppercase
Details
- Min size: 58
- Max size: 234
- Min line height: 57
- Max line height: 206
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.04em
Details
- Min size: 50
- Max size: 190
- Min line height: 57
- Max line height: 200
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 40
- Max size: 83
- Min line height: 42
- Max line height: 76
- Font family: “Halenoir Display”, sans-serif
- Media: Array
Details
- Min size: 34
- Max size: 120
- Min line height: 38
- Max line height: 143
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 34
- Max size: 44
- Min line height: 38
- Max line height: 46
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
- Text transform: none
Details
- Min size: 23
- Max size: 28
- Min line height: 29
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 26
- Max size:
- Min line height: 32
- Max line height:
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
- Text transform: none
Details
- Min size: 27
- Max size: 27
- Min line height: 32
- Max line height: 32
- Font family: “Tiempos Headline”, serif
- Letter spacing: -0.01em
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.02em
Details
- Min size: 22
- Max size: 22
- Min line height: 38
- Max line height: 38
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.02em
Details
- Min size: 20
- Max size: 20
- Min line height: 25
- Max line height: 25
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: -0.02em
Details
- Min size: 12
- Max size: 20
- Min line height: 20
- Max line height: 20
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: 0.04em
Details
- Min size: 16
- Max size: 16
- Min line height: 20
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.01em
Details
- Min size: 46
- Max size: 20
- Min line height: 46
- Max line height: 20
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.03em
- min font size: var(–fz-nav-links-min)
- max font size: var(–fz-nav-links-min)
- min line height: var(–fz-nav-links-lh-min)
- max line height: var(–fz-nav-links-lh-min)
- Media: Array
Details
- Min size: 36
- Max size: 79
- Min line height: 46
- Max line height: 98
- Font family: “Tiempos Headline”, serif
- Font weight: 300
- Letter spacing: -0.02em
- Media: Array
Details
- Min size: 20
- Max size: 20
- Min line height: 28
- Max line height: 28
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
Details
- Min size: 100
- Max size: 100
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 150
- Max size: 150
- Min line height: 100
- Max line height: 100
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: -0.05em
Details
- Min size: 24
- Max size: 24
- Min line height: 24
- Max line height: 24
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.02em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 26
- Max line height: 26
- Font family: “Halenoir Display”, sans-serif
- Letter spacing: 0.00em
- Color: var(–tag-color)
Details
- Min size: 16
- Max size: 16
- Min line height: 32
- Max line height: 32
- Font family: “Halenoir Display”, sans-serif
- Font weight: 400
- Letter spacing: 0.04em
- Text transform: uppercase
Tokens
{
"button-classes": {
"default": "btn",
"inline": "inline-btn",
"outline": "btn btn__outlined",
"arrow": "btn__arrow"
},
"font": {
"def": {
"body-details": {
"font-family": "\"Tiempos Headline\", serif",
"letter-spacing": "0.00em",
"font-weight": 400,
"media": {
"below": {
"desktop": {
"--max-font-size": "var(--fz-body-details-min)",
"--max-line-height": "var(--fz-body-details-lh-min)"
}
},
"above": {
"desktop": {
"--override-viewport-from": 1512,
"--override-viewport-to": 2500
}
}
}
},
"body-lg": {
"font-family": "\"Tiempos Headline\", serif",
"font-weight": 400,
"letter-spacing": "0.02em",
"media": {
"above": {
"md": {
"text-transform": "none"
}
}
}
},
"body-md-case-study": {
"font-family": "\"Tiempos Headline\", serif",
"font-weight": 400,
"letter-spacing": "0.02em",
"media": {
"below": {
"desktop": {
"--max-font-size": "var(--fz-body-md-case-study-min)",
"--max-line-height": "var(--fz-body-md-case-study-lh-min)"
}
},
"above": {
"desktop": {
"--override-viewport-from": 1512,
"--override-viewport-to": 2500
}
}
}
},
"body-md": {
"font-family": "\"Tiempos Headline\", serif",
"font-weight": 400,
"letter-spacing": "0.02em",
"media": {
"below": {
"desktop": {
"--max-font-size": "var(--fz-body-md-min)",
"--max-line-height": "var(--fz-body-md-lh-min)"
}
},
"above": {
"desktop": {
"--override-viewport-from": 1512,
"--override-viewport-to": 2500
}
}
}
},
"body-sm": {
"font-family": "\"Tiempos Headline\", serif",
"letter-spacing": "0.00em"
},
"body-xl": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.03em"
},
"body-xs": {
"font-family": "\"Tiempos Headline\", serif",
"letter-spacing": "0.00em"
},
"cite": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.02em"
},
"cta-text": {
"font-family": "\"Halenoir Display\", sans-serif",
"font-weight": 400,
"letter-spacing": "0.03em"
},
"eyebrow": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.03em",
"text-transform": "uppercase"
},
"h1": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.04em"
},
"h2": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.02em",
"media": {
"above": {
"md-lg": {
"letter-spacing": "-0.03em"
}
}
}
},
"h3": {
"font-family": "\"Halenoir Display\", sans-serif",
"media": {
"above": {
"md": {
"letter-spacing": "-0.03em",
"text-transform": "none"
}
}
}
},
"h4-alt": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.02em"
},
"h4": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.02em",
"text-transform": "none"
},
"h5-alt": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.02em"
},
"h5": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.01em",
"text-transform": "none"
},
"job-title": {
"font-family": "\"Tiempos Headline\", serif",
"letter-spacing": "-0.01em"
},
"links": {
"font-family": "\"Halenoir Display\", sans-serif",
"font-weight": 400,
"letter-spacing": "0.02em"
},
"list": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.02em"
},
"meta-blog": {
"font-family": "\"Halenoir Display\", sans-serif",
"font-weight": 400,
"letter-spacing": "-0.02em"
},
"meta-photo": {
"font-family": "\"Tiempos Headline\", serif",
"font-weight": 300,
"letter-spacing": "0.04em"
},
"name": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.01em"
},
"nav-links": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.03em",
"--min-font-size": "var(--fz-nav-links-min)",
"--max-font-size": "var(--fz-nav-links-min)",
"--min-line-height": "var(--fz-nav-links-lh-min)",
"--max-line-height": "var(--fz-nav-links-lh-min)",
"media": {
"above": {
"md-lg": {
"--min-font-size": "var(--fz-nav-links-max)",
"--max-font-size": "var(--fz-nav-links-max)",
"--min-line-height": "var(--fz-nav-links-lh-max)",
"--max-line-height": "var(--fz-nav-links-lh-max)"
}
}
}
},
"quote": {
"font-family": "\"Tiempos Headline\", serif",
"font-weight": 300,
"letter-spacing": "-0.02em",
"media": {
"above": {
"md": {
"font-weight": 400
}
}
}
},
"routing-links": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.02em"
},
"stats-k": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.05em"
},
"stats": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "-0.05em"
},
"tag-md": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.02em",
"color": "var(--tag-color)"
},
"tag-sm": {
"font-family": "\"Halenoir Display\", sans-serif",
"letter-spacing": "0.00em",
"color": "var(--tag-color)"
},
"tags": {
"font-family": "\"Halenoir Display\", sans-serif",
"font-weight": 400,
"letter-spacing": "0.04em",
"text-transform": "uppercase"
}
},
"size": {
"body-details": {
"min": 18,
"from": 18,
"max": 28,
"lh": {
"min": 27,
"from": 27,
"max": 36
}
},
"body-lg": {
"min": 30,
"to": 36,
"max": 43,
"lh": {
"min": 48,
"to": 56,
"max": 65
}
},
"body-md-case-study": {
"min": 21,
"from": 21,
"max": 31,
"lh": {
"min": 32,
"from": 34,
"max": 46
}
},
"body-md": {
"min": 21,
"from": 21,
"max": 31,
"lh": {
"min": 32,
"from": 32,
"max": 46
}
},
"body-sm": {
"min": 18,
"max": 18,
"lh": {
"min": 32,
"max": 32
}
},
"body-xl": {
"min": 28,
"max": 28,
"lh": {
"min": 36,
"max": 36
}
},
"body-xs": {
"min": 16,
"max": 16,
"lh": {
"min": 20,
"max": 20
}
},
"cite": {
"min": 24,
"max": 24,
"lh": {
"min": 30,
"max": 30
}
},
"cta-text": {
"min": 16,
"max": 16,
"lh": {
"min": 32,
"max": 32
}
},
"eyebrow": {
"min": 18,
"max": 18,
"lh": {
"min": 30,
"max": 30
}
},
"h1": {
"min": 58,
"to": 200,
"max": 234,
"lh": {
"min": 57,
"to": 177,
"max": 206
}
},
"h2": {
"min": 50,
"to": 110,
"max": 190,
"lh": {
"min": 57,
"to": 120,
"max": 200
}
},
"h3": {
"min": 40,
"to": 60,
"max": 83,
"lh": {
"min": 42,
"to": 58,
"max": 76
}
},
"h4-alt": {
"min": 34,
"to": 74,
"max": 120,
"lh": {
"min": 38,
"to": 87,
"max": 143
}
},
"h4": {
"min": 34,
"to": 36,
"max": 44,
"lh": {
"min": 38,
"to": 38,
"max": 46
}
},
"h5-alt": {
"min": 23,
"to": 28,
"max": 28,
"lh": {
"min": 29,
"to": 36
}
},
"h5": {
"min": 26,
"to": 32,
"lh": {
"min": 32,
"to": 42
}
},
"job-title": {
"min": 27,
"max": 27,
"lh": {
"min": 32,
"max": 32
}
},
"links": {
"min": 20,
"max": 20,
"lh": {
"min": 28,
"max": 28
}
},
"list": {
"min": 22,
"max": 22,
"lh": {
"min": 38,
"max": 38
}
},
"meta-blog": {
"min": 20,
"max": 20,
"lh": {
"min": 25,
"max": 25
}
},
"meta-photo": {
"min": 12,
"to": 16,
"max": 20,
"lh": {
"min": 20,
"max": 20
}
},
"name": {
"min": 16,
"max": 16,
"lh": {
"min": 20,
"max": 20
}
},
"nav-links": {
"min": 46,
"max": 20,
"lh": {
"min": 46,
"max": 20
}
},
"quote": {
"min": 36,
"to": 56,
"max": 79,
"lh": {
"min": 46,
"to": 70,
"max": 98
}
},
"routing-links": {
"min": 20,
"max": 20,
"lh": {
"min": 28,
"max": 28
}
},
"stats-k": {
"min": 100,
"max": 100,
"lh": {
"min": 100,
"max": 100
}
},
"stats": {
"min": 150,
"max": 150,
"lh": {
"min": 100,
"max": 100
}
},
"tag-md": {
"min": 24,
"max": 24,
"lh": {
"min": 24,
"max": 24
}
},
"tag-sm": {
"min": 16,
"max": 16,
"lh": {
"min": 26,
"max": 26
}
},
"tags": {
"min": 16,
"max": 16,
"lh": {
"min": 32,
"max": 32
}
}
},
"family": {
"sans-serif": "\"Halenoir Display\", sans-serif",
"serif": "\"Tiempos Headline\", serif"
},
"weight": {
"light": 300,
"regular": 400
},
"letter-spacing": {
"0": "0.00em",
"1": "0.01em",
"2": "0.02em",
"3": "0.03em",
"4": "0.04em",
"5": "0.05em",
"25": "0.025em",
"m1": "-0.01em",
"m2": "-0.02em",
"m3": "-0.03em",
"m4": "-0.04em",
"m5": "-0.05em"
}
},
"theme": {
"url": "'\/wp-content\/themes\/we-are-traina\/assets\/'",
"img-url": "'\/wp-content\/themes\/we-are-traina\/assets\/images\/'",
"colors": {
"black": "#000000",
"traina-purple-400": "#8875e2",
"traina-purple-300": "#A5A6F6",
"traina-pink-400": "#DE706F",
"traina-pink-300": "#F98989",
"traina-green-400": "#1D8411",
"traina-green-300": "#40A952",
"traina-gray-900": "#151515",
"traina-gray-800": "#232323",
"traina-gray-700": "#454545",
"traina-gray-600": "#636363",
"traina-gray-500": "#727272",
"traina-gray-400": "#8e8e8e",
"traina-gray-300": "#D0D0D0",
"traina-gray-200": "#e8e8e8",
"traina-gray-110": "#f5f5f5",
"traina-gray-100": "#fafafa",
"white": "#ffffff",
"error-red": "#b32727"
},
"theme-colors": {
"ink": "var(--ink, #232323)",
"paper": "var(--paper, #fafafa)",
"highlight-1": "var(--highlight-1, #8875e2)",
"highlight-2": "var(--highlight-2, #DE706F)",
"highlight-3": "var(--highlight-3, #1D8411)",
"tag-color": "var(--tag-color, #727272)"
},
"spacing": {
"page-padding-inline": "50px",
"page-padding-inline-mobile": "10px",
"fifty-fifty-inline-gap": "52px",
"fifty-fifty-inline-gap-mobile": "30px"
}
},
"screen": {
"xs": "374px",
"sm": "768px",
"md": "991px",
"md-lg": "1160px",
"lg": "1367px",
"xl": "1440px",
"desktop": "1512px"
},
"viewports": {
"min-screen": 420,
"design-desktop": 1512,
"max-desktop": 2500
},
"container-sizes": {
"default": "1200px",
"small": "800px",
"medium": "1300px",
"large": "1400px"
}
}
Hero
We Build Brands That Move
Services
Copy Block
Overview
Headline text placeholder
As early leaders of human-centered design, we keep people at the center of our work. It’s a key tenet of design thinking, and even as our methods evolve in response to new, complex challenges, we’re always designing solutions for people first. We’re building to learn, and learning as we build, through inspiration, ideation, and implementation.
“Design thinking is a human-centered approach to innovation that draws from the designer’s toolkit to integrate the needs of people.
Brand Strategy
& Identity
As early leaders of human-centered design, we keep people at the center of our work. It’s a key tenet of design thinking, and even as our methods evolve in response to new, complex challenges, we’re always designing solutions for people first. We’re building to learn, and learning as we build, through inspiration, ideation, and implementation.
ExploreWebsites &
Interactive
As early leaders of human-centered design, we keep people at the center of our work. It’s a key tenet of design thinking, and even as our methods evolve in response to new, complex challenges, we’re always designing solutions for people first. We’re building to learn, and learning as we build, through inspiration, ideation, and implementation.
ExploreOverview
As early leaders of human-centered design, we keep people at the center of our work. It’s a key tenet of design thinking, and even as our methods evolve in response to new, complex challenges, we’re always designing solutions for people first. We’re building to learn, and learning as we build, through inspiration, ideation, and implementation.

01
Be a Changemaker
We use our talents to support and uplift others, both in our work with clients and in our creative lives.

02
Be Fearless
We use our talents to support and uplift others, both in our work with clients and in our creative lives.

03
Be Good Humans
We use our talents to support and uplift others, both in our work with clients and in our creative lives.

04
Be Passionate
We use our talents to support and uplift others, both in our work with clients and in our creative lives.