# EADEM — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://eadem.co/
Captured: 2026-10-19
CSS measured: 2026-10-19T16:10:32.816Z at 1440×1000 — https://eadem.co/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

EADEM's design is heavily editorial, driven by oversized, serif typography (Galliard), high-quality photography, and a warm, earth-toned palette consisting of beiges, browns, and muted reds. The layout utilizes split-screen compositions and asymmetrical elements. Interactive components like the floating badge and custom cursor hover states inject moments of playfulness. It blends minimalist structural traits with bold typographic choices.

## Classification

- Industry: other
- Site type: Waitlist, Blog
- Business model: Not identified
- Styles: editorial, minimal, bold, photographic, earthy
- Platform: WordPress
- Technology: React

## Typography

- Heading: Mabry — weight 400; size 36px; line-height 40px; tracking normal; Regular (90% role confidence, computed values)
- Body: Mabry — weight 400; size 20px; line-height 28px; tracking normal; uppercase (95% role confidence, computed values)

## Functional palette

- Text — text #7D5D24: color-5: computed rgb(125, 93, 36); AI role: #7D5D24 (brown) is the primary text color used for most readable content on the light canvas. (95% role confidence, computed values)
- Canvas — canvas #EBE9DA: color-1: computed rgb(235, 233, 218); AI role: #EBE9DA (beige) used extensively as the main background color across multiple sections. (90% role confidence, computed values)
- Primary Action — primary action #FF7775: color-6: computed rgb(255, 119, 117); AI role: #FF7775 (coral) used for the announcement bar and interactive hover badges to draw attention. (80% role confidence, computed values)
- Surface — surface #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: #FFFFFF (white) used for button backgrounds like 'SHOP THE SET'. (80% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Shop",
        "top": -22,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Journal",
        "top": -22,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Our Story",
        "top": -22,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Galliard",
    "fontStack": "Galliard, serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "a",
        "text": "Journal",
        "top": 791,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "About",
        "top": 835,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Help",
        "top": 879,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "0.7px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Exfoliates and Unclogs",
        "top": 1864,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Softens and Plumps",
        "top": 1864,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Evens and Resurfaces",
        "top": 1864,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Galliard",
    "fontStack": "Galliard, serif",
    "weight": "400",
    "size": "30px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "How I learned self-care despite my immigrant mother's asceticism",
        "top": 4749,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "The Parisian Gaze: On Beauty, Identity, and Becoming Enough",
        "top": 4496,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "How to Achieve Skin Balance for a Healthy Complexion",
        "top": 5106,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Galliard",
    "fontStack": "Galliard, serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "40px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Four Fall Essentials",
        "top": 933,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "SCIENCE MEETS SOUL.EADEM began with something personal: we never believed you should have to fit nea",
        "top": 1221,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Galliard",
    "fontStack": "Galliard, serif",
    "weight": "400",
    "size": "22px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Don't miss out. Signup below and get early access to the restock.",
        "top": 738,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Thanks for signing up. We will notify you when is back in stock.",
        "top": 746,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "0.8px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "2 New Shades for Le Chouchou - SHOP NOW!",
        "top": 10,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "SHOP NOW!",
        "top": 10,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "19.5px",
    "letterSpacing": "0.7px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Incorrect format, please try again.",
        "top": 5641,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms & Conditions",
        "top": 5790,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 5790,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "0",
        "top": -6,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$42",
        "top": 2512,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$24",
        "top": 2512,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "1.2px",
    "traits": "uppercase",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "CASHMERE PEEL ★★★★★",
        "top": 3691,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "MAMI WATA ★★★★★",
        "top": 3719,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "LE CHOUCHOU LIP BALM ★★★★★",
        "top": 3691,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Galliard",
    "fontStack": "Galliard, serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "italic",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Topic of Conversation",
        "top": 4672,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Beauty",
        "top": 4461,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Beauty",
        "top": 5071,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "30px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "ESSAY",
        "top": 4716,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "POV",
        "top": 4497,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "WOMEN",
        "top": 5141,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "SHOP",
        "top": 2404,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "SHOP",
        "top": 2404,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "SHOP",
        "top": 2404,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Accessibility Screen-Reader Guide, Feedback, and Issue Reporting | New window",
        "top": -1,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "0",
        "top": 50,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "READ",
        "top": 4775,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Read our POVs",
        "top": 5349,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "26px",
    "letterSpacing": "1.8px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "THE EADEM STANDARD:",
        "top": 3234,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "© 2026 EADEM LLC",
        "top": 5784,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "40px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "New Classics",
        "top": 893,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "40px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "strong",
        "text": "SCIENCE MEETS SOUL.",
        "top": 1219,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "30px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "strong",
        "text": "EVERY PRODUCTEARNS ITS PLACE.",
        "top": 2909,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Close Cart",
        "top": 62,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Mabry",
    "fontStack": "Mabry, Arial, \"Helvetica Neue\", Helvetica, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "GET 10% OFF",
        "top": 944,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "0.8px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "SHOP THE SET",
        "top": 931,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Mabry",
    "fontStack": "Mabry, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "EXPERIENCE THE DIFFERENCE",
        "top": 1631,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Mabry",
    "fontStack": "Mabry",
    "weight": "400",
    "size": "16px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Shop Now",
        "top": 843,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#EBE9DA",
    "alpha": 1,
    "cssValue": "rgb(235, 233, 218)",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "Lip Care Skin Care Best Sellers Sets & Gifts Concern Hyperpigmentation Dullness Pores & Blackheads H",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "li",
        "text": "CASHMERE PEEL ★★★★★ “My husband thought I had foundation on. I didn’t.”",
        "top": 3664,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Topic of Conversation ESSAY How I learned self-care despite my immigrant mother's asceticism READ Be",
        "top": 3994,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#ECE9DA",
    "alpha": 1,
    "cssValue": "rgb(236, 233, 218)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "0 Close Cart Free Shipping on all orders 45 USD and up. Free Cashmere Peel Sample on all orders 45 U",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 14,
    "contexts": [
      {
        "tag": "body",
        "text": "Accessibility Screen-Reader Guide, Feedback, and Issue Reporting | New window window.KlarnaThemeGlob",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "New Classics",
        "top": 893,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "SHOP THE SET",
        "top": 913,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F5F1EE",
    "alpha": 1,
    "cssValue": "rgb(245, 241, 238)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Shop Journal Our Story LOGIN 0",
        "top": -20,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 132,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 132,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#7D5D24",
    "alpha": 1,
    "cssValue": "rgb(125, 93, 36)",
    "count": 130,
    "contexts": [
      {
        "tag": "a",
        "text": "Accessibility Screen-Reader Guide, Feedback, and Issue Reporting | New window",
        "top": -1,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "2 New Shades for Le Chouchou - SHOP NOW!",
        "top": 10,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 15,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FF7775",
    "alpha": 1,
    "cssValue": "rgb(255, 119, 117)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "2 New Shades for Le Chouchou - SHOP NOW!",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "© 2026 EADEM LLC",
        "top": 5784,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Terms & Conditions",
        "top": 5790,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#D3DBCA",
    "alpha": 1,
    "cssValue": "rgb(211, 219, 202)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Read our POVs",
        "top": 5331,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "Notify Me",
        "top": 847,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#2C3B32",
    "alpha": 1,
    "cssValue": "rgb(44, 59, 50)",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "Shop",
        "top": -22,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Journal",
        "top": -22,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": -2,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#F3756E",
    "alpha": 1,
    "cssValue": "rgb(243, 117, 110)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Shop Now",
        "top": 843,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F6935C",
    "alpha": 1,
    "cssValue": "rgb(246, 147, 92)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "SHOP",
        "top": 2368,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 290,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 290,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#F28075",
    "alpha": 1,
    "cssValue": "rgb(242, 128, 117)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "GET 10% OFF",
        "top": 930,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#EEEEEE",
    "alpha": 1,
    "cssValue": "rgb(238, 238, 238)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Discover our products.Shop Now",
        "top": 89,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 1,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 915,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#7E5D25",
    "alpha": 1,
    "cssValue": "rgb(126, 93, 37)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Close Cart",
        "top": 62,
        "property": "text"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between major sections, utilizing the light canvas color to create breathing room. Horizontal padding is substantial, especially around text blocks.
- Corner style: Sharp, right-angled corners are dominant on product cards and images, contrasting with the circular floating buttons.
- Radius: Minimal to zero border radius on primary content blocks and images. Fully rounded (border-radius: 50%) for floating UI elements like the chat widget and custom cursor.
- Borders: Mostly borderless design. Occasional use of thin, subtle borders (e.g., #EEEEEE) for separation, but reliance is on background color blocks.
- Buttons: Buttons are typically rectangular with sharp edges, solid white or light backgrounds, and bold, uppercase text. Some secondary buttons or tags might use colored backgrounds with contrasting text.
- Content width: Wide, stretching across most of the viewport, particularly in hero and split-screen sections, but text blocks are often constrained to maintain readability.
- Density: Low to medium density. The design leans heavily on negative space (minimalist trait) to highlight editorial imagery and large typography.
- Evidence: Observed from the full-page screenshots: sharp corners on product images and article cards, large padding around the 'SCIENCE MEETS SOUL' text block, circular chat icon, and edge-to-edge split hero.

## Sections

Gallery section count: 5. Each entry corresponds to one gallery capture.

1. **Hero — New Classics Fall Essentials Hero** (Home)
   AI suggestion (98% confidence): Complete, substantial opening hero with integrated navigation, campaign imagery, product staging, headline, and a clear “Shop the Set” CTA.
   Capture: 1440×1047px; page bounds 0–1047px of 5827px; source section ID: `1b7ebfd8-6d59-4289-855e-a8fbe4e8ab78`; image: https://media.designdetails.io/library/164ad030498b69fcf6b6912da7a4e8095762141f2738e41ee786af338ffee65f/1b7ebfd8-6d59-4289-855e-a8fbe4e8ab78.webp
   SECTION.md v3.2: `1b7ebfd8-6d59-4289-855e-a8fbe4e8ab78` (deterministic evidence; editorial review pending)
2. **Editorial — Science Meets Soul Brand Story** (Home)
   AI suggestion (89% confidence): Self-contained brand-story statement with distinctive editorial typography, archival imagery, decorative composition, and a concluding link before the product grid begins.
   Capture: 1440×774px; page bounds 1050–1824px of 5827px; source section ID: `fc737340-3bf6-4bc9-a2b8-8bfc2fa4964e`; image: https://media.designdetails.io/library/f170d85809dcad370d01adbff23194c6ef25ea4fa3a216c08f60dc22f1989e0c/fc737340-3bf6-4bc9-a2b8-8bfc2fa4964e.webp
   SECTION.md v3.2: `fc737340-3bf6-4bc9-a2b8-8bfc2fa4964e` (deterministic evidence; editorial review pending)
3. **Features — Every Product Earns Its Place** (Home)
   AI suggestion (96% confidence): Complete split-layout product philosophy section with a prominent product image, concise standards copy, and four supporting certification icons.
   Capture: 1440×819px; page bounds 2762–3581px of 5827px; source section ID: `6c0ceb08-d21c-4cf4-ac06-29b6a5e4f8e0`; image: https://media.designdetails.io/library/dcf3042f4a7d39fa0c565db7b9fa644ab9439680069dd9e86105e96707e99b55/6c0ceb08-d21c-4cf4-ac06-29b6a5e4f8e0.webp
   SECTION.md v3.2: `6c0ceb08-d21c-4cf4-ac06-29b6a5e4f8e0` (deterministic evidence; editorial review pending)
4. **Blog — Essays and Beauty Editorial Grid** (Home)
   AI suggestion (98% confidence): Complete, visually distinctive editorial module combining one lead story with four supporting article cards and a concluding “Read Our POVs” action.
   Capture: 1440×1407px; page bounds 4001–5408px of 5827px; source section ID: `82129797-9f8d-42c0-ae12-0c81e8204f68`; image: https://media.designdetails.io/library/9192af8791e6d2698209403f971415fa4319186516d5a6a23ba618299aea9a34/82129797-9f8d-42c0-ae12-0c81e8204f68.webp
   SECTION.md v3.2: `82129797-9f8d-42c0-ae12-0c81e8204f68` (deterministic evidence; editorial review pending)
5. **Footer — Newsletter and Site Links Footer** (Home)
   AI suggestion (96% confidence): Complete, substantial footer with three organized link columns, a first-order discount email signup, and a full-width legal bar. Floating discount and chat controls are excluded as overlays.
   Capture: 1440×326px; page bounds 5501–5827px of 5827px; source section ID: `bbd8770e-9f74-45fd-9dd2-7dafe4d9bc04`; image: https://media.designdetails.io/library/d613948f0284fdca977a03ac989d6e200f14ab35ee364330341877b1e6f03f76/bbd8770e-9f74-45fd-9dd2-7dafe4d9bc04.webp
   SECTION.md v3.2: `bbd8770e-9f74-45fd-9dd2-7dafe4d9bc04` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/1627981cf3debd34a9abc07982782466d27cf3de3e4a61676e9a87e288b3b27e/desktop_full-4fcf046d-2026-10-19T16-10-32-838Z.webp
- Mobile screenshot: https://media.designdetails.io/library/6dd35e5b432f5ca2fc2581a67ad52a4baf94255011c3c0d1326f15d95f34c0ad/mobile_full-4fcf046d-2026-10-19T16-11-16-406Z.webp
- Open Graph image: https://media.designdetails.io/library/14f7af7e984ff2aab9325a7067968954a7be33ebe70a8f9f94ecacb161cd29fd/og_image-4fcf046d-2026-10-19T16-10-40-850Z.webp
- Full-page video: https://media.designdetails.io/library/a59136dcc0c9595885b96e08a72e0bc47e27c36637f4be32fe487486f71b797e/motion-1792427224007.mp4
- Video poster: https://media.designdetails.io/library/093ffc920dc24bdc95a36c7874e979c6ed64db04926d7f85d240de7b6a6a26cb/motion-poster-1792427224007.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Announcement Bar
- Navigation Bar
- Hero With Background Imagery
- Product Card
- Testimonial Card
- Editorial Card
- Newsletter Form
- Footer
- Chat Widget
- Interactive Floating Badge
- Horizontal Scrolling Marquee

## Quality rubric

Overall: 55.35/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: EADEM executes a clean, cohesive earth-toned editorial skincare site with consistent card systems, a legible split-screen hero, and functional interactive touches like a cursor-follow hover badge — competent, pleasant work that nonetheless leans on a template of patterns (scroll-tied badge, horizontal testimonial marquee, serif/sans editorial pairing) common across the DTC beauty category rather than offering anything structurally distinctive.

- Typography (15%): 59 — A conventional serif/sans editorial pairing (Galliard + Mabry) gives some hierarchy variety (italic captions, uppercase labels, scale steps from 11px to 36px), but the scale shows redundancy and drift rather than a disciplined system: multiple unrelated roles share identical sizes (20px for nav, body copy, and price tags; 30px used for both 'Four Fall Essentials' and an article headline; 36px shared between a heading and a different promo label). This reads as serviceable editorial typesetting rather than a deliberately engineered type system.
- Color (10%): 63 — A coherent earth-toned canvas (#EBE9DA/#ECE9DA/#F5F1EE) with a consistent brown text color (#7D5D24) and a single coral accent (#FF7775) carries the brand through hero, product, editorial, and footer sections. This restraint supports the photography well. However, a handful of near-duplicate near-neutrals (#EBE9DA/#ECE9DA/#F5F1EE) and stray accent variants (#F6935C, #F28075, #F3756E) suggest the palette wasn't fully locked down, diluting an otherwise clean system.
- Layout (20%): 62 — The page uses a recognizable editorial grammar: split-screen hero, a grid of three product cards, a horizontal testimonial strip, and asymmetric editorial article cards, with generous vertical rhythm and consistent horizontal padding throughout. The system is applied consistently across sections (same card treatment reused for products and articles), which gives it coherence beyond a single hero moment. It falls short of 'strong' because the compositional vocabulary (split hero, 3-up product grid, marquee strip, 3-up editorial grid) is a standard DTC template rather than a layout with a distinctive structural idea of its own.
- Motion (20%): 56 — Observed motion is limited to three now-common DTC patterns: a scroll-tied floating badge path, a horizontal-scroll product/testimonial marquee, and a cursor-follow 'READ' hover circle on editorial cards. These are functional and clearly intentional, but they are templated interaction patterns seen widely across editorial e-commerce sites, and no evidence (easing, frame timing, responsiveness) establishes refined execution beyond 'it moves and it is visible.'
- Originality (25%): 42 — Nearly every signature move here—oversized logotype over a split-image hero, a cursor-following circular 'READ' badge, a horizontally scrolling testimonial strip, uppercase sans navigation paired with serif editorial copy—is a well-worn pattern across contemporary beauty/DTC editorial sites. Nothing here is hard to substitute with another brand's assets; swap the photography and copy and the system would be indistinguishable from numerous peer sites in the category.
- Content (10%): 61 — Content integration is solid: product cards carry image, name, descriptor, and price consistently; editorial 'Topic of Conversation' cards pair category labels, headlines, and imagery that support the brand's identity-and-skincare narrative; testimonials are woven into the product-story flow rather than isolated. The badge and chat widget are functionally tied to specific content (shop products, support) rather than decorative. It doesn't reach a higher tier because the content blocks are fairly interchangeable modules (card, strip, grid) rather than bespoke storytelling moments integrated into the layout's structure.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A giant cropped wordmark over a portrait gives the opener a magazine cover feel, while warm olive and burgundy tones and a still life of products on stacked books set an editorial, trustworthy mood. Lower down, serif pull quotes, diverse model photography and a journal grid pace the page like articles, keeping skincare claims grounded in real faces.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.