Kitchen Sink

Typography
Light Theme
body-details
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
body-lg
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
body-md-case-study
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
body-md
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
body-sm
Details
  • Min size: 18
  • Max size: 18
  • Min line height: 32
  • Max line height: 32
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
body-xl
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
body-xs
Details
  • Min size: 16
  • Max size: 16
  • Min line height: 20
  • Max line height: 20
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
cite
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
cta-text
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
eyebrow
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
h1
Details
  • Min size: 60
  • Max size: 234
  • Min line height: 57
  • Max line height: 206
  • Font family: “Halenoir Display”, sans-serif
  • Letter spacing: -0.04em
h2
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
h3
Details
  • Min size: 40
  • Max size: 83
  • Min line height: 42
  • Max line height: 76
  • Font family: “Halenoir Display”, sans-serif
  • Media: Array
h4-alt
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
h4
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
h5
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
job-title
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
list
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
meta-blog
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
meta-photo
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
name
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
quote
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
stats-k
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
stats
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
tag-md
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)
tag-sm
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)
tags
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
ink-light
ink-dark
ink-pink
ink-purple
ink-green
paper-light
paper-dark
paper-pink
paper-purple
paper-green
I am a .cta
Dark Theme
body-details
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
body-lg
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
body-md-case-study
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
body-md
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
body-sm
Details
  • Min size: 18
  • Max size: 18
  • Min line height: 32
  • Max line height: 32
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
body-xl
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
body-xs
Details
  • Min size: 16
  • Max size: 16
  • Min line height: 20
  • Max line height: 20
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
cite
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
cta-text
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
eyebrow
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
h1
Details
  • Min size: 60
  • Max size: 234
  • Min line height: 57
  • Max line height: 206
  • Font family: “Halenoir Display”, sans-serif
  • Letter spacing: -0.04em
h2
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
h3
Details
  • Min size: 40
  • Max size: 83
  • Min line height: 42
  • Max line height: 76
  • Font family: “Halenoir Display”, sans-serif
  • Media: Array
h4-alt
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
h4
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
h5
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
job-title
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
list
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
meta-blog
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
meta-photo
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
name
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
quote
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
stats-k
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
stats
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
tag-md
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)
tag-sm
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)
tags
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
ink-light
ink-dark
ink-pink
ink-purple
ink-green
paper-light
paper-dark
paper-pink
paper-purple
paper-green
I am a .cta
Pink Theme
body-details
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
body-lg
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
body-md-case-study
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
body-md
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
body-sm
Details
  • Min size: 18
  • Max size: 18
  • Min line height: 32
  • Max line height: 32
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
body-xl
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
body-xs
Details
  • Min size: 16
  • Max size: 16
  • Min line height: 20
  • Max line height: 20
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
cite
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
cta-text
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
eyebrow
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
h1
Details
  • Min size: 60
  • Max size: 234
  • Min line height: 57
  • Max line height: 206
  • Font family: “Halenoir Display”, sans-serif
  • Letter spacing: -0.04em
h2
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
h3
Details
  • Min size: 40
  • Max size: 83
  • Min line height: 42
  • Max line height: 76
  • Font family: “Halenoir Display”, sans-serif
  • Media: Array
h4-alt
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
h4
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
h5
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
job-title
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
list
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
meta-blog
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
meta-photo
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
name
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
quote
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
stats-k
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
stats
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
tag-md
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)
tag-sm
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)
tags
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
ink-light
ink-dark
ink-pink
ink-purple
ink-green
paper-light
paper-dark
paper-pink
paper-purple
paper-green
I am a .cta
Purple Theme
body-details
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
body-lg
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
body-md-case-study
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
body-md
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
body-sm
Details
  • Min size: 18
  • Max size: 18
  • Min line height: 32
  • Max line height: 32
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
body-xl
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
body-xs
Details
  • Min size: 16
  • Max size: 16
  • Min line height: 20
  • Max line height: 20
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
cite
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
cta-text
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
eyebrow
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
h1
Details
  • Min size: 60
  • Max size: 234
  • Min line height: 57
  • Max line height: 206
  • Font family: “Halenoir Display”, sans-serif
  • Letter spacing: -0.04em
h2
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
h3
Details
  • Min size: 40
  • Max size: 83
  • Min line height: 42
  • Max line height: 76
  • Font family: “Halenoir Display”, sans-serif
  • Media: Array
h4-alt
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
h4
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
h5
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
job-title
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
list
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
meta-blog
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
meta-photo
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
name
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
quote
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
stats-k
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
stats
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
tag-md
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)
tag-sm
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)
tags
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
ink-light
ink-dark
ink-pink
ink-purple
ink-green
paper-light
paper-dark
paper-pink
paper-purple
paper-green
I am a .cta
Green Theme
body-details
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
body-lg
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
body-md-case-study
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
body-md
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
body-sm
Details
  • Min size: 18
  • Max size: 18
  • Min line height: 32
  • Max line height: 32
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
body-xl
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
body-xs
Details
  • Min size: 16
  • Max size: 16
  • Min line height: 20
  • Max line height: 20
  • Font family: “Tiempos Headline”, serif
  • Letter spacing: 0.00em
cite
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
cta-text
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
eyebrow
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
h1
Details
  • Min size: 60
  • Max size: 234
  • Min line height: 57
  • Max line height: 206
  • Font family: “Halenoir Display”, sans-serif
  • Letter spacing: -0.04em
h2
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
h3
Details
  • Min size: 40
  • Max size: 83
  • Min line height: 42
  • Max line height: 76
  • Font family: “Halenoir Display”, sans-serif
  • Media: Array
h4-alt
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
h4
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
h5
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
job-title
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
list
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
meta-blog
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
meta-photo
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
name
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
quote
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
stats-k
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
stats
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
tag-md
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)
tag-sm
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)
tags
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
ink-light
ink-dark
ink-pink
ink-purple
ink-green
paper-light
paper-dark
paper-pink
paper-purple
paper-green
I am a .cta
Tokens
{
    "button-classes": {
        "default": "btn",
        "inline": "inline-btn"
    },
    "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": {
                "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": 60,
                "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": {
                "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": "#A897F8",
            "traina-pink-400": "#DE706F",
            "traina-pink-300": "#F98989",
            "traina-green-400": "#5D9E70",
            "traina-green-300": "#82C596",
            "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": "#852323"
        },
        "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, #5D9E70)",
            "tag-color": "var(--tag-color, #727272)"
        },
        "spacing": {
            "page-padding-inline": "50px",
            "page-padding-inline-mobile": "10px"
        }
    },
    "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.

Explore

Websites &
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.

Explore

Overview

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.