metamask.io website design: fonts, colors and UI patterns

12 featured captures, observed fonts including Euclid Circular B, Mm Sans, Mm Poly, 7 prominent colors from metamask.io, with sourced design evidence from Fudge.

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

Based on 12 captured pages from metamask.io, this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated 2026-04-15.

Captured pages

Colors

  • #661800
  • #0a0a0a
  • #c8ceda
  • #ffffff
  • #3d065f
  • #393d46
  • #e5ffc3

Typography captured from metamask.io

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.