oatly.com website design: fonts, colors and UI patterns

8 featured captures, observed fonts including Magda Clean Mono Ot, Margo Pro, Oatlyicons from oatly.com, with sourced design evidence from Fudge.

How is oatly.com designed? Show me the visual system I can use as a reference.

Based on 8 captured pages from oatly.com, this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated 2026-01-14.

Captured pages

Typography captured from oatly.com

How Fudge assembled this page

Fudge automatically assembled this guide from saved screenshots and extracted typography and color observations. It does not claim access to private source files or design tokens.