Internal

MAE Design System

The living catalog of tokens, primitives, brand devices, and site chrome. This page is internal and excluded from search indexing.

Foundations

Color pairings (rendered live)

Body on ivory
Live sample text at body size. Primary reading pair.
Muted on ivory
Live sample text at body size. Secondary text.
Champagne text on ivory
Live sample text at body size. Eyebrows, accents, links.
Body on soft wash
Live sample text at body size. Alternate sections.
Muted on soft wash
Live sample text at body size. Secondary on wash.
Body on white
Live sample text at body size. Cards, forms.
Muted on white
Live sample text at body size. Card body copy.
Wine on white
Live sample text at body size. Press/review details.
Ivory on ink
Live sample text at body size. Footer, inverse bands.
Muted ivory on ink
Live sample text at body size. Footer secondary.
Champagne on ink
Live sample text at body size. Accents on dark.
Ivory on ink soft
Live sample text at body size. Secondary dark panels.
Ink label on champagne
Live sample text at body size. Primary buttons.

Typography

Hero H1 · EB Garamond · clamp 46–86px

Make No Little Plans.

Display · clamp 38–60px

Make No Little Plans.

Section H2 · clamp 33–50px

Make No Little Plans.

H3 · clamp 25–33px

Make No Little Plans.

H4 · 22px

Make No Little Plans.

Editorial lede · 20px · line-height 1.72

High-touch planning, exceptional design, precise communication, and seamless execution for celebrations worth remembering.

Eyebrow · Oswald · tracked

Luxury wedding & event planning

Metadata label

Destination wedding · Riviera Maya

Spacing scale

--section-y: Section padding (clamp 60–112px)
--section-y-tight: Tight section padding (clamp 44–72px)
--container-pad: Container inline padding (clamp 20–40px)
--header-h: Header height (72px)
--cta-band-h: Inquiry band height (clamp 352–416px)

Radius & elevation

Radius 0 · layout

Radius 2px · inputs

Whisper shadow · dropdowns

Motion

Token	Value	Use
--dur-fast	0.2s	Skip-link, small hovers
--dur-base	0.3s	Buttons, links, nav underline
--dur-settle	0.35s	Header settle on scroll
--dur-reveal	0.6s	Section fade-up (once); card grids stagger 90ms
--dur-rise	1s	Hero copy rise-in
--dur-hero	2.6s	Hero image settle (1.06 → 1)
--ease-editorial	cubic-bezier(0.22, 0.61, 0.36, 1)	All transitions

Layering

Token	Value
--z-base	0
--z-raised	10
--z-header	40
--z-dropdown	50
--z-drawer	60
--z-lightbox	70

Primitives

Buttons on light

Text link with fine underline

Buttons on ink

Text link on dark

Form controls

Full name

Event date

Planning notes

Disclosure (FAQ pattern)

What does the accordion primitive look like?

Native disclosure elements styled with hairline rules and a champagne indicator, keyboard operable by default.

Card (portfolio pattern)

Lisa and Matt walking arm in arm at Shoreacres Country Club, planned by Michigan Avenue Events

Intimate vow renewal · Shoreacres Country Club, Lake Bluff, Illinois

Lisa & Matt

An intimate lakefront vow renewal on Chicago's North Shore, designed with lush blooms and shared among the couple's closest loved ones.

View celebration →

Brand

MAE

Michigan Avenue Events

Typographic monogram & wordmark

MAE

Michigan Avenue Events

Champagne on ink

Hairlines, strong rules & avenue line

Branded media fallback frame

Offset frame (featured media)

Brianne and the MAE team made the entire day feel effortless, and every detail read as intentional…

Reviewer name · Source

Read the full review

Testimonial column on ink

As featured inVogueStyle Me PrettyPeopleOver The MoonPartySlateWezoreeThe KnotThe Knot Hall of FameModern Luxury Weddings

Press line (light)

Also recognized byVogueStyle Me PrettyPeopleOver The MoonPartySlateWezoreeThe KnotThe Knot Hall of FameModern Luxury Weddings

Press line (ink)

Components

Header · mobile · 390px

Header · desktop · 1600px

Footer · 1000px

Inquiry band · 834px

Drop a Hello

Let's begin with hello.

Tell us about the celebration you're imagining: the city, the season, the feeling. We'll take it from there.

Drop a Hello View Portfolio