# Sunday — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.sunday.ai/
Captured: 2026-10-20
CSS measured: 2026-10-20T05:50:29.270Z at 1440×1000 — https://www.sunday.ai/
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

The Sunday website features a clean, minimal, and highly typographic design tailored to showcase a home robotics product. It relies heavily on high-quality video and photographic evidence embedded within soft, rounded-corner containers. The color palette is predominantly neutral, utilizing off-white and warm beige tones for backgrounds, stark black for typography, and a vibrant yellow as a dramatic accent in the footer. Layouts are airy and often employ a bento-box style grid to present features alongside media.

## Classification

- Industry: hardware
- Site type: Landing, Blog
- Business model: Software
- Styles: minimal, typographic, photographic, corporate, tech-lifestyle, bento-grid
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: sans — weight 400; size 120px; line-height 120px; tracking -3px; Regular (100% role confidence, computed values)
- Heading: sans — weight 400; size 84px; line-height 92.4px; tracking -2.1px; Regular (95% role confidence, computed values)
- Body: sans — weight 400; size 18px; line-height 25.2px; tracking normal; Regular (90% role confidence, computed values)
- Mono: mono — weight 400; size 14px; line-height 16.8px; tracking 0.4px; Regular (85% role confidence, computed values)

## Functional palette

- Text — text #000000: color-2: computed rgb(0, 0, 0); AI role: #000000 provides high contrast for primary typography. (100% role confidence, computed values)
- Accent — accent #F7E731: color-6: computed rgb(247, 231, 49); AI role: #F7E731 bright yellow heavily applied to the footer section. (95% role confidence, computed values)
- Canvas — canvas #F3F3F0: color-5: computed rgb(243, 243, 240); AI role: #F3F3F0 acts as the dominant off-white background color for much of the page. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: #FFFFFF used for distinct sections or cards over the off-white canvas. (85% 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": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 39,
    "contexts": [
      {
        "tag": "p",
        "text": "Robots should give you back what matters most — time. Watch how our team came together to work on th",
        "top": 1921,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "We believe Memo should be easy to use in the real-world, working autonomously out-of-the-box. Hundre",
        "top": 5932,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "In December 2024, Memo had only one arm and learned its first task: arranging shoes. Today, Memo is ",
        "top": 7149,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "mono",
    "fontStack": "mono, \"mono Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 29,
    "contexts": [
      {
        "tag": "p",
        "text": "Lightening the load",
        "top": 4477,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Uncut video of Memo cleaning up",
        "top": 4825,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Every home is different. Memo works in yours.",
        "top": 5826,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "84px",
    "lineHeight": "92.4px",
    "letterSpacing": "-2.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Memo works in the kitchen",
        "top": 4019,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Memo works in homes it's never seen",
        "top": 5367,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Memo is always learning",
        "top": 6584,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "120px",
    "lineHeight": "120px",
    "letterSpacing": "-3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h1",
        "text": "Say hello to Memo",
        "top": 195,
        "property": "font"
      },
      {
        "tag": "h1",
        "text": "Say hello to Memo",
        "top": 195,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "31.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "Memo wears many hats.",
        "top": 12768,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Which should it wear next?",
        "top": 12768,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "142px",
    "lineHeight": "142px",
    "letterSpacing": "-3.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Designed for real use",
        "top": 10080,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Mundane made magic",
        "top": 2743,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "38.4px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Powered by state-of-the-art AI models and an ever-expanding Skill Library, Memo doesn't just know ho",
        "top": 3424,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Skill Library",
        "top": 3462,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Our Skill Capture Glove™ enables Memo to distill millions of human movements into its onboard AI, un",
        "top": 8968,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "mono",
    "fontStack": "mono, \"mono Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "The helpful home robot",
        "top": 137,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Beta launching late 2026",
        "top": 154,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The helpful home robot",
        "top": 137,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "mono",
    "fontStack": "mono, \"mono Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "The helpful robotics company",
        "top": 329,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Launching 2026",
        "top": 329,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Beta Application",
        "top": 329,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "42px",
    "lineHeight": "48.3px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Built for busy households, Memo works 24/7 to make your life lighter. Hand off your repetitive to-do",
        "top": 1606,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Memo can quietly and autonomously clear tables of plates and delicate glasses, throw out food scraps",
        "top": 4729,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "mono",
    "fontStack": "mono, \"mono Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Autonomous",
        "top": 4476,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "5×",
        "top": 4476,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Autonomous",
        "top": 5825,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "mono",
    "fontStack": "mono, \"mono Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "Our story",
        "top": 138,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Our story",
        "top": 1952,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Explore Technology",
        "top": 9796,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "italic",
    "count": 5,
    "contexts": [
      {
        "tag": "em",
        "text": "robot with skills",
        "top": 13246,
        "property": "font"
      },
      {
        "tag": "em",
        "text": "the robot’s capability to acquire new skills.",
        "top": 13246,
        "property": "font"
      },
      {
        "tag": "em",
        "text": "can",
        "top": 13321,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "104px",
    "lineHeight": "104px",
    "letterSpacing": "-2.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Mundane",
        "top": 2492,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "made",
        "top": 2692,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "magic",
        "top": 2892,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "sans",
    "fontStack": "sans, \"sans Fallback\", \"system-ui\", Arial, Helvetica, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "32px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Technology",
        "top": 105,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Company",
        "top": 145,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Careers",
        "top": 185,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 112,
    "contexts": [
      {
        "tag": "div",
        "text": "TechnologyCompanyCareersBlogBetaOur storyThe helpful robotics companyLaunching 2026Beta Application",
        "top": 20,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 139,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 139,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 54,
    "contexts": [
      {
        "tag": "button",
        "text": "Our story",
        "top": 105,
        "property": "control-background"
      },
      {
        "tag": "media-controller",
        "text": "",
        "top": 105,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "The helpful home robotBeta launching late 2026Say hello to Memo",
        "top": 382,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 0.03137254901960784,
    "cssValue": "oklab(0 0 0 / 0.03)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Memo works in the kitchen",
        "top": 3673,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "Autonomous5×Uncut video of Memo cleaning up",
        "top": 4464,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#1A1A1A",
    "alpha": 1,
    "cssValue": "rgb(26, 26, 26)",
    "count": 64,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 31,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 39,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "",
        "top": 45,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#F3F3F0",
    "alpha": 1,
    "cssValue": "rgb(243, 243, 240)",
    "count": 2,
    "contexts": [
      {
        "tag": "section",
        "text": "Designed for real useYour privacy is protectedMemo is an autonomous robot that does not need to lear",
        "top": 10056,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Get the latest in your inboxSign up to our newsletterSubscribe",
        "top": 14348,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F7E731",
    "alpha": 1,
    "cssValue": "rgb(247, 231, 49)",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "Insider access. Exclusive perks. Design input.",
        "top": 14066,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Time to power down and rest, Memo’s still on duty.Mon, Oct 19Monday, Oct 19Redwood City, CA55°F",
        "top": 13430,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#000000",
    "alpha": 0.8,
    "cssValue": "oklab(0 0 0 / 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 7472,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#191919",
    "alpha": 0.6313725490196078,
    "cssValue": "rgba(26, 26, 26, 0.63)",
    "count": 44,
    "contexts": [
      {
        "tag": "li",
        "text": "",
        "top": 453,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "Beta launching late 2026",
        "top": 154,
        "property": "text"
      },
      {
        "tag": "em",
        "text": "robot with skills",
        "top": 13246,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#D9ECEE",
    "alpha": 1,
    "cssValue": "rgb(217, 236, 238)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Memo wears many hats.Which should it wear next?Cast your vote nowWhich should it wear next?",
        "top": 12483,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#EADCCE",
    "alpha": 1,
    "cssValue": "rgb(234, 220, 206)",
    "count": 1,
    "contexts": [
      {
        "tag": "article",
        "text": "Safety for the whole familyWith a low center of gravity, stable wheelbase, and a lightweight body, M",
        "top": 10486,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#AEC2B8",
    "alpha": 1,
    "cssValue": "rgb(174, 194, 184)",
    "count": 1,
    "contexts": [
      {
        "tag": "article",
        "text": "Simple, soft and easy to cleanMemo has a soft-to-the-touch silicone shell, with no sharp corners and",
        "top": 10486,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#000000",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0 0 0 / 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "media-control-bar",
        "text": "",
        "top": 9179,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Beta launching late 2026",
        "top": 154,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.2)",
    "count": 66,
    "contexts": [
      {
        "tag": "span",
        "text": "Our story",
        "top": 124,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 137,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Autonomous",
        "top": 4476,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#1D1D1D",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(26, 26, 26, 0.1)",
    "count": 35,
    "contexts": [
      {
        "tag": "div",
        "text": "TechnologyCompanyCareersBlogBetaOur storyThe helpful robotics companyLaunching 2026Beta Application",
        "top": 20,
        "property": "border"
      },
      {
        "tag": "button",
        "text": "",
        "top": 12507,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 14395,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#737373",
    "alpha": 1,
    "cssValue": "oklch(0.556 0 0)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "The helpful robotics company",
        "top": 329,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Beta Application",
        "top": 329,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#E7E7E7",
    "alpha": 0.45098039215686275,
    "cssValue": "oklab(0.924934 0.0000422001 0.000018537 / 0.45)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "ContentsIntroductionSay hello to MemoServicesMundane made magicTechnologyFrom imitation to intuition",
        "top": 435,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#000000",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0 0 0 / 0.1)",
    "count": 24,
    "contexts": [
      {
        "tag": "a",
        "text": "Explore Technology",
        "top": 9783,
        "property": "border"
      },
      {
        "tag": "button",
        "text": "Subscribe",
        "top": 14382,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Monday, Oct 19",
        "top": 13660,
        "property": "border"
      }
    ]
  }
]
```

### 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 distinct sections, creating clear breathing room. Internal padding in grid items is also substantial.
- Corner style: Consistent use of rounded corners across almost all structural elements, avoiding sharp edges.
- Radius: Large border radii on media containers and feature cards; fully rounded (pill-shaped) radii on buttons, tags, and the navigation bar.
- Borders: Minimal use of borders, typically restricted to thin, semi-transparent 1px outlines on interactive elements or floating containers.
- Buttons: Pill-shaped, often employing outline styles with dark borders and text, sometimes transitioning to dark solid fills.
- Content width: Content is generally centered within a maximum width, though large media blocks stretch wider with inset padding.
- Density: Low density. The layout prioritizes large typography and media over dense information packing.
- Evidence: Observed via the visual spacing in full-page screenshots, pill-shaped nav/buttons, and the widespread application of rounded corners on video frames.

## Sections

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

1. **Features — Sunday Features** (Home)
   Reusable feature composition from Home, organized around “Sunday Features”.
   Capture: 1440×610px; page bounds 1582–2192px of 15437px; source section ID: `fb730ace-d951-4322-9248-0ad31c9cfdf8`; image: https://media.designdetails.io/library/d89f04f045aeb1a9403693214092fddc040969b40aab8f0b463da7156adabe57/section_crop-fb730ace-2026-10-20T05-50-40-151Z.webp
   SECTION.md v3.2: `fb730ace-d951-4322-9248-0ad31c9cfdf8` (deterministic evidence; editorial review pending)
2. **Features — From imitation to intuition** (Home)
   Reusable feature composition from Home, organized around “From imitation to intuition”.
   Capture: 1440×2543px; page bounds 7472–10015px of 15437px; source section ID: `4bea6ad0-ddcf-4beb-924d-187295e8a9e8`; image: https://media.designdetails.io/library/a910cc441cc57cff35e231a843904e06d443ca8d9468392dd4104ae521cf09da/section_crop-4bea6ad0-2026-10-20T05-50-41-084Z.webp
   SECTION.md v3.2: `4bea6ad0-ddcf-4beb-924d-187295e8a9e8` (deterministic evidence; editorial review pending)
3. **Features — Designed for real use** (Home)
   Reusable feature composition from Home, organized around “Designed for real use”.
   Capture: 1440×2475px; page bounds 10015–12490px of 15437px; source section ID: `fb4fed19-5f36-46a7-b881-aa6042b8a040`; image: https://media.designdetails.io/library/188c37550d7a2a9e89dfb9d7c041631ffe54b8a497cae7bd6d180dc8df64f23a/section_crop-fb4fed19-2026-10-20T05-50-42-251Z.webp
   SECTION.md v3.2: `fb4fed19-5f36-46a7-b881-aa6042b8a040` (deterministic evidence; editorial review pending)
4. **FAQ — Frequently asked questions** (Home)
   FAQ composition from Home, organized around “Frequently asked questions”.
   Capture: 1440×717px; page bounds 13090–13807px of 15437px; source section ID: `f5840f3c-17dd-4c71-8c4b-c4806f589204`; image: https://media.designdetails.io/library/831d7b742ac7d66de5651afa007bc5082bb96794027ad57420a660928428f6a9/section_crop-f5840f3c-2026-10-20T05-50-44-203Z.webp
   SECTION.md v3.2: `f5840f3c-17dd-4c71-8c4b-c4806f589204` (deterministic evidence; editorial review pending)
5. **Hero — Say hello to Memo** (Home)
   AI suggestion (97% confidence): Complete launch hero with compact navigation, product eyebrow, prominent headline, large lifestyle product visual, and a concise value proposition.
   Capture: 1440×1722px; page bounds 24–1746px of 15437px; source section ID: `100b0630-1ab3-4574-b47a-6882fa81e59d`; image: https://media.designdetails.io/library/6809b1cce46c83833c103cc71dc7b7413d83fa918e43052c73920064253fb366/100b0630-1ab3-4574-b47a-6882fa81e59d.webp
   SECTION.md v3.2: `100b0630-1ab3-4574-b47a-6882fa81e59d` (deterministic evidence; editorial review pending)
6. **Founder — Our story mission video** (Home)
   AI suggestion (84% confidence): Self-contained story card pairing the team’s mission statement with an “Our story” video preview, clearly framed as a complete component.
   Capture: 1440×294px; page bounds 1824–2118px of 15437px; source section ID: `d4f72e48-1535-4560-9409-cf1b7b0e53f9`; image: https://media.designdetails.io/library/7b59968ee7bf86edda26f38d47a7defe04126e9624da262d14a1d47919a533c7/d4f72e48-1535-4560-9409-cf1b7b0e53f9.webp
   SECTION.md v3.2: `d4f72e48-1535-4560-9409-cf1b7b0e53f9` (deterministic evidence; editorial review pending)
7. **Product Demo — Memo Works in the Kitchen** (Home)
   AI suggestion (98% confidence): Complete product demonstration combining a large kitchen-use video with a supporting benefit description and secondary autonomous-cleaning clip; it has clear visual boundaries before the next scenario begins.
   Capture: 1440×1194px; page bounds 3674–4868px of 15437px; source section ID: `cd125d04-2832-4dc7-8d59-d35fe7a50420`; image: https://media.designdetails.io/library/6950e0045817475d6cb9057c8e4e9adaf81cfe57c0246f59f5876a8825df78f2/cd125d04-2832-4dc7-8d59-d35fe7a50420.webp
   SECTION.md v3.2: `cd125d04-2832-4dc7-8d59-d35fe7a50420` (deterministic evidence; editorial review pending)
8. **Product Demo — Memo Is Always Learning** (Home)
   AI suggestion (97% confidence): Complete product demonstration section with a large hero video, learning-focused headline, explanatory copy, and two supporting task videos; its full beginning and ending are visible.
   Capture: 1440×1068px; page bounds 6244–7312px of 15437px; source section ID: `8c2e9860-07ca-43d3-8ee8-1bd56200a292`; image: https://media.designdetails.io/library/f087d43d34c4b55bd44dd75aaebaa84112b9b6de84bc1229a2f11ab282e747bd/8c2e9860-07ca-43d3-8ee8-1bd56200a292.webp
   SECTION.md v3.2: `8c2e9860-07ca-43d3-8ee8-1bd56200a292` (deterministic evidence; editorial review pending)
9. **Product Demo — Skill Capture Glove Demo** (Home)
   AI suggestion (98% confidence): Complete product demonstration section with a clear explanatory headline, embedded glove-in-use video, supporting adoption copy, and two action buttons.
   Capture: 1440×1110px; page bounds 8880–9990px of 15437px; source section ID: `e0517b62-0baa-45f9-87e8-6699f438b0f7`; image: https://media.designdetails.io/library/55de56fbc76c013416f7fa8cfd282d0202a343c7406d826c29f218722387fb22/e0517b62-0baa-45f9-87e8-6699f438b0f7.webp
   SECTION.md v3.2: `e0517b62-0baa-45f9-87e8-6699f438b0f7` (deterministic evidence; editorial review pending)
10. **CTA — Memo Hat Voting Prompt** (Home)
   AI suggestion (98% confidence): Complete, self-contained pale-blue conversion panel with a playful hat graphic, a choice prompt, and a centered “Cast your vote now” button.
   Capture: 1440×606px; page bounds 12494–13100px of 15437px; source section ID: `60cc4ede-fd7c-49d4-a39d-d13f3cf9e6ba`; image: https://media.designdetails.io/library/2e5098fd9b6f57e734ce9f331c57d5e8eb94f3f58b3d7089390731186e42426a/60cc4ede-fd7c-49d4-a39d-d13f3cf9e6ba.webp
   SECTION.md v3.2: `60cc4ede-fd7c-49d4-a39d-d13f3cf9e6ba` (deterministic evidence; editorial review pending)
11. **Footer — Newsletter and Company Footer** (Home)
   AI suggestion (94% confidence): Complete, substantial footer combining newsletter signup, grouped navigation, legal links, company identity, and a distinctive yellow status panel.
   Capture: 1440×1077px; page bounds 14360–15437px of 15437px; source section ID: `b7bfe360-f356-46a3-ae34-8d82fb21ac0f`; image: https://media.designdetails.io/library/6e307281880a9d3fd677b3f8a007bbb5fc0f3b8ef1e7ca562314b83ee95086ab/b7bfe360-f356-46a3-ae34-8d82fb21ac0f.webp
   SECTION.md v3.2: `b7bfe360-f356-46a3-ae34-8d82fb21ac0f` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/f19f8e0a1328efd67c9f44acf6d23e50d551a8e462936af1f09a6dbed64ebf72/desktop_full-082e170e-2026-10-20T05-50-29-290Z.webp
- Mobile screenshot: https://media.designdetails.io/library/66c3c2a8c53e36bb19902cf6d64ac3aa70f8acac84380acb0f62c83fac5d92e5/mobile_full-082e170e-2026-10-20T05-51-28-600Z.webp
- Open Graph image: https://media.designdetails.io/library/317003939b5b28247f04107d58dd999e6bcd2de75410d415da9c6b1eb3699fdc/og_image-082e170e-2026-10-20T05-50-38-043Z.webp
- Full-page video: https://media.designdetails.io/library/f3c8f4a21e011a4307b653c3bdf2e06c33952b9acf444fd486995b288d60213c/motion-1792477503163.mp4
- Video poster: https://media.designdetails.io/library/a5d5afb0f105dbb50be53cb6e0158044880ac7e17c5fe35d267b0d8c0fd4c60f/motion-poster-1792477503163.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

- Navigation Bar
- Hero With Background Imagery
- Video Frame
- Feature Card
- FAQ Accordion
- Newsletter Form
- Outline Button
- Footer
- Floating Pill Header
- Asymmetric Media Grid

## Quality rubric

Overall: 55.2/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Sunday.ai is a cleanly executed, well-organized product marketing site with a disciplined typographic scale, a repeated bento-grid card system, and copy tightly paired with demonstration video throughout. Its restraint and consistency keep it well above a weak or serviceable execution. However, nearly every structural and motion choice — the floating pill nav, the bento feature grid, the scroll-linked word reveal, the horizontal-scroll gallery — is a widely used convention in contemporary funded hardware/AI startup sites, and the accent color (yellow) is confined to a single footer moment rather than woven through the system. The result is a competently assembled site that executes familiar patterns well but does not yet present ideas distinctive or hard-to-substitute enough to justify a higher tier.

- Typography (15%): 62 — A clear role-based type system is in place: a 120–142px display size for hero/section statements, an 84px heading size for subsection intros, 18–42px body sizes, and a dedicated 12–14px monospace used consistently for labels, tags, and metadata ('Autonomous', '5x', dates). Tight negative letter-spacing on large sizes (-2.1px to -3.5px) and consistent line-height ratios show deliberate scale tuning. However, the font stack resolves to generic 'sans'/'mono' fallbacks, so no distinctive custom typeface personality is evidenced, and the hierarchy, while systematic, is a now-common large-display-plus-mono-label convention rather than a bespoke voice.
- Color (10%): 58 — The palette is restrained and neutral (off-white #F3F3F0, white, black text) with a handful of pastel accent fields (#EADCCE, #AEC2B8, #D9ECEE) used for individual feature cards, and a single saturated yellow (#F7E731) reserved for the footer. This is a coherent, low-density system that avoids visual noise, but it is a very common 'neutral canvas + one punch accent' formula seen across many startup sites, and the accent color appears as an isolated footer moment rather than threaded through the interface (e.g., buttons, links, or interactive states elsewhere remain black/white).
- Layout (20%): 65 — The page demonstrates a consistent structural system: a floating pill nav, large rounded-corner video/image containers, paired text+media feature cards, and an asymmetric bento-style grid repeated across the kitchen, safety, and customization sections. Spacing rhythm and corner radii are applied uniformly from hero through footer, indicating real layout discipline rather than a one-off hero trick. The pattern set (bento grid, pill nav, card-pairs) is well-executed and repeated with purpose, but it is also a widely adopted convention for this product category (hardware/robotics startup marketing sites), so while coherent, it does not reach an unusual or hard-to-substitute structural idea.
- Motion (20%): 56 — Observed motion includes a scroll-linked typography sequence (words scaling/repositioning), a horizontal-scroll product gallery tied to vertical scroll, and a standard FAQ accordion. These are functional, on-theme scrollytelling techniques that create engagement, but they are common patterns in contemporary scroll-driven marketing sites and the evidence does not establish refined execution quality (no confirmed easing curves, frame smoothness, or responsiveness data). The motion serves the narrative but doesn't introduce a mechanism specific or unusual to this product.
- Originality (25%): 38 — Every major move here — the floating pill navigation, rounded bento-grid feature cards, scroll-linked oversized word reveals, horizontal-scroll media rows tied to vertical scroll, and a neutral-canvas-plus-single-accent-color palette — is a widely recognized convention across current funded hardware/AI startup marketing sites. The site executes these patterns cleanly but does not combine them into anything that reads as a considered, hard-to-substitute idea specific to this robot product; nothing here (interaction, layout logic, or visual motif) would be difficult for a template or competitor site to replicate wholesale.
- Content (10%): 64 — Content and design are well paired: feature claims are immediately followed by labeled demonstration video/images ('Autonomous', '5×', 'Uncut video of Memo cleaning up'), the narrative arc (hero → mission → kitchen use → generalization → learning → safety → customization → FAQ → beta signup) is logically sequenced, and mono-label tags give functional metadata context to each video. This is a strong example of marketing copy and media working together to substantiate product claims rather than decorating empty space.

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

Large bold black headlines sit over a full-bleed photo of the robot mid-task, so the product's size and real kitchen setting feel immediately credible rather than drawn. Cream, sage and warm orange bands pace the long page into distinct chapters, while repeated real-home photos and a glove close-up build trust that this is a working object, not a render.

## 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.