Style Guide
Desktop & mobile
H1
- font-family
- "Untitled Sans", sans-serif
- font-size
- 13px
- font-weight
- 400
- line-height
- 1.35
- letter-spacing
- 0
- text-transform
- uppercase
The power of stability
H2
- font-family
- "Untitled Sans", sans-serif
- font-size
- 11px
- font-weight
- 400
- line-height
- 1.35
- letter-spacing
- 0
- text-transform
- uppercase
The power of stability
Body
- font-family
- "Untitled Sans", sans-serif
- font-size
- 13px
- font-weight
- 400
- line-height
- 1.35
- letter-spacing
- 0
- margin-bottom
- 12px
METEM was built around a single conviction: the most powerful thing skincare can do is keep skin stable. Not by reacting to what's already happened, but by reinforcing the cellular systems that maintain balance before they're compromised.
The category built itself around visible aging. It ignored the biology that determines whether skin can hold. Under the sustained demands of modern life, the systems that maintain skin's balance quietly destabilize. Long before aging becomes visible, these shifts are already underway in how cells communicate, how barriers hold, how structure is maintained.
Small Body
- font-family
- "Untitled Sans", sans-serif
- font-size
- 11px
- font-weight
- 400
- line-height
- 1.3
- letter-spacing
- 0.01em
- margin-bottom
- 12px
METEM was built around a single conviction: the most powerful thing skincare can do is keep skin stable. Not by reacting to what's already happened, but by reinforcing the cellular systems that maintain balance before they're compromised.
The category built itself around visible aging. It ignored the biology that determines whether skin can hold. Under the sustained demands of modern life, the systems that maintain skin's balance quietly destabilize. Long before aging becomes visible, these shifts are already underway in how cells communicate, how barriers hold, how structure is maintained.
CTA
- font-family
- "Untitled Sans", sans-serif
- font-size
- 13px
- font-weight
- 400
- line-height
- 1.3
- letter-spacing
- 0
Shop Now
Color
Black
#000000 100%
White
#ffffff 100%
Chrome
#c7c6c2 100%
Black trans
#000000 54%
White trans
#ffffff 46%
Chrome tint
#f5f5f5 100%
Red
#9c2325 100%
Borders — on white background: chrome, 0.5px thick. On image or black background: white trans, 0.5px thick.
Grid
- Desktop
- margins 24px · gutters 24px · columns 12
- Mobile
- margins 24px · gutters 24px · columns 6