Reference

Styleguide

A living snapshot of the core visual language — typography, buttons, pills, and card treatments. Use this page as a quick reference while composing new layouts.

Typography

Playfair Display — Hero Heading

Editorial Section Title

Subheading With Serif Accent

Velvet gradients and burnished highlights carry the Nocturne tone. Use generous leading and muted body color to keep focus on the headline glow while letting imagery breathe.

Muted body copy — mz-subtle — for captions or secondary context.

Buttons

Pills

Series • NocturneEditorialNew

Collection Card

Sample collectionEditorial / Set

Sample Collection

Subheading with ethereal tone.

Utilities

u-bleed — extend element to viewport width.
stack-lg
Item AItem BItem C