# DualEntry — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.dualentry.com/
Captured: 2026-10-29
CSS measured: 2026-10-29T16:48:52.399Z at 1440×1000 — https://www.dualentry.com/
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: claude-sonnet-5

## Design direction

DualEntry is a B2B SaaS website with a clean, corporate, and geometric aesthetic. The design relies heavily on a teal and dark grey palette, geometric product UI mockups, and structured bento-box feature layouts. Typography is handled entirely by a single sans-serif typeface, Twklausanne. Motion plays a significant role in demonstrating product features and providing social proof.

## Classification

- Industry: finance
- Site type: Landing, Blog
- Business model: Software
- Styles: corporate, geometric, minimal, bento-box
- Platform: Webflow
- Technology: Not identified

## Typography

- Display: Twklausanne — weight 400; size 56px; line-height 61.6px; tracking normal; Regular (95% role confidence, computed values)
- Heading: Twklausanne — weight 400; size 48px; line-height 52.8px; tracking normal; Regular (90% role confidence, computed values)
- Body: Twklausanne — weight 300; size 16px; line-height 24px; tracking normal; Regular (85% role confidence, computed values)

## Functional palette

- Text — text #1D1F20: color-2: computed rgb(29, 31, 32); AI role: Dark grey (#1D1F20) used heavily for headings and primary text on light backgrounds. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: White background dominates the feature and migration sections. (90% role confidence, computed values)
- Border — border #E4EBEC: color-9: computed rgb(228, 235, 236); AI role: Light grey/blue (#E4EBEC) is used extensively for borders on feature cards and input fields. (90% role confidence, computed values)
- Surface — surface #1C1D1E: color-18: computed rgb(28, 29, 30); AI role: Dark surface (#1C1D1E) used for the testimonial carousel and footer areas. (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": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "38.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "h4",
        "text": "2 Person",
        "top": 3501,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "$0",
        "top": 3501,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "$600M",
        "top": 3501,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "h2",
        "text": "The accounting suite that runs while you lead.",
        "top": 969,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Discover the ambitious teamssaving time & money on DualEntry",
        "top": 2570,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "How Slash runs a $600M ARR fintech on a finance team of two",
        "top": 3193,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "h3",
        "text": "Multi-Entity Management",
        "top": 1164,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "General Ledger",
        "top": 1164,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Reporting & Analytics",
        "top": 1164,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "61.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "The AI ERP to end month-end",
        "top": 325,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "48px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Whatever you're running, we connect to it.",
        "top": 5072,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "The full picture.Not just a piece of it.",
        "top": 2267,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 55,
    "contexts": [
      {
        "tag": "p",
        "text": "Schedule demo",
        "top": 548,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "DualEntry in 3 min",
        "top": 664,
        "property": "font"
      },
      {
        "tag": "video",
        "text": "Your browser does not support the video tag.",
        "top": 589,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Products",
        "top": 64,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Platform",
        "top": 64,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Customers",
        "top": 40,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "$6 Million set aside to help you break free",
        "top": 11,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "© 2026 Entry Inc. \"DualEntry\" and the DualEntry logo are registered trademarks of the company.",
        "top": 6695,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2026",
        "top": 6697,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "11px",
    "lineHeight": "14.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "By clicking \"Schedule Demo\" you agree to the use of your data in accordance with DualEntry's Privacy",
        "top": 600,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Notice",
        "top": 616,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "By clicking \"Schedule Demo\" you agree to the use of your data in accordance with DualEntry's Privacy",
        "top": 5713,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Login",
        "top": 64,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Schedule demo",
        "top": 64,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Schedule demo",
        "top": 3988,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Automate your accounting, so you can focus on running the business.",
        "top": 473,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "4.9 stars",
        "top": 265,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 90,
    "contexts": [
      {
        "tag": "div",
        "text": "Anomaly detection",
        "top": 2256,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Approval Workflows",
        "top": 2256,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Bank-fee automation",
        "top": 2256,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 54,
    "contexts": [
      {
        "tag": "div",
        "text": "See customer stories",
        "top": 840,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "General Ledger",
        "top": 5939,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Close Management",
        "top": 5968,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "700",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "strong",
        "text": "Products",
        "top": 5904,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Platform",
        "top": 5904,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Resources",
        "top": 5904,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "120+ reviews",
        "top": 265,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Get started",
        "top": 2348,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "700",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more about our ERP Rescue Fund",
        "top": 11,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "about our ERP Rescue Fund",
        "top": 10,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "strong",
        "text": "4-6 weeks",
        "top": 4127,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "300",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "We're hiring",
        "top": 6002,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Twklausanne",
    "fontStack": "Twklausanne, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Subscribe",
        "top": 6527,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#3D4343",
    "alpha": 0.8,
    "cssValue": "rgba(61, 67, 68, 0.8)",
    "count": 103,
    "contexts": [
      {
        "tag": "video",
        "text": "Your browser does not support the video tag.",
        "top": 67,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Anomaly detection",
        "top": 2256,
        "property": "text"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 2261,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#1D1F20",
    "alpha": 1,
    "cssValue": "rgb(29, 31, 32)",
    "count": 183,
    "contexts": [
      {
        "tag": "p",
        "text": "Schedule demo",
        "top": 64,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 554,
        "property": "svg-stroke"
      },
      {
        "tag": "video",
        "text": "Your browser does not support the video tag.",
        "top": 512,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 115,
    "contexts": [
      {
        "tag": "body",
        "text": "Cookie Consent By using our website, you're agreeing to the collection of data described in our Priv",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "$6 Million set aside to help you break free",
        "top": 11,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Learn more about our ERP Rescue Fund",
        "top": 11,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(0, 0, 0, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4258,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#F5F6F6",
    "alpha": 1,
    "cssValue": "rgb(245, 246, 246)",
    "count": 90,
    "contexts": [
      {
        "tag": "div",
        "text": "Anomaly detection",
        "top": 2243,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#609199",
    "alpha": 1,
    "cssValue": "rgb(96, 145, 153)",
    "count": 1,
    "contexts": [
      {
        "tag": "section",
        "text": "The last ERP decision you'll ever make.Please enter a valid business email address.Schedule demo Tha",
        "top": 5480,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.6392156862745098,
    "cssValue": "rgba(255, 255, 255, 0.64)",
    "count": 53,
    "contexts": [
      {
        "tag": "a",
        "text": "General Ledger",
        "top": 5939,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Cookie Settings",
        "top": 6264,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 13,
    "contexts": [
      {
        "tag": "a",
        "text": "4.9 stars120+ reviews",
        "top": 253,
        "property": "border"
      },
      {
        "tag": "input",
        "text": "",
        "top": 532,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Your browser does not support the video tag. See customer stories /* Initial styles for arrows insid",
        "top": 801,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#E4EBEC",
    "alpha": 1,
    "cssValue": "rgb(228, 235, 236)",
    "count": 525,
    "contexts": [
      {
        "tag": "div",
        "text": "The accounting suite that runs while you lead.Multi-Entity Management One view, every entity.General",
        "top": 898,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "Multi-Entity Management One view, every entity.",
        "top": 1139,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#2D3132",
    "alpha": 1,
    "cssValue": "rgb(45, 49, 50)",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "See customer stories",
        "top": 840,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 845,
        "property": "svg-fill"
      },
      {
        "tag": "h2",
        "text": "Whatever you're running, we connect to it.",
        "top": 5072,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 18,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 667,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "finance team",
        "top": 3539,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "2026",
        "top": 6697,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 0.6509803921568628,
    "cssValue": "rgba(255, 255, 255, 0.65)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "120+ reviews",
        "top": 265,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Automate your accounting, so you can focus on running the business.",
        "top": 473,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Privacy Notice",
        "top": 616,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#1D1F20",
    "alpha": 0.6509803921568628,
    "cssValue": "rgba(29, 31, 32, 0.65)",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "One view, every entity.",
        "top": 1202,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#01252B",
    "alpha": 1,
    "cssValue": "rgb(1, 37, 43)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "DualEntry raises $90M from Lightspeed, Khosla Ventures, Google Ventures Learn more about our Series ",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "4.9 stars120+ reviews",
        "top": 253,
        "property": "control-background"
      },
      {
        "tag": "input",
        "text": "",
        "top": 532,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Get the latest AI finance insightsPlease enter a valid business email address.conversion_pageSubscri",
        "top": 6486,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(255, 255, 255, 0.15)",
    "count": 49,
    "contexts": [
      {
        "tag": "div",
        "text": "Discover the ambitious teamssaving time & money on DualEntry View all customer stories .stories_top-",
        "top": 2490,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2740,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Read case study .stories_btn2 .display-inlineflex{ transition: transform 200ms ease-in; } .stories_b",
        "top": 3339,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#206570",
    "alpha": 1,
    "cssValue": "rgb(32, 101, 112)",
    "count": 44,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 2257,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2259,
        "property": "svg-stroke"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 2261,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#1C1D1E",
    "alpha": 1,
    "cssValue": "rgb(28, 29, 30)",
    "count": 206,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 839,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#FFFFFF",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(255, 255, 255, 0.05)",
    "count": 1,
    "contexts": [
      {
        "tag": "input",
        "text": "",
        "top": 6527,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#0F373E",
    "alpha": 1,
    "cssValue": "rgb(15, 55, 62)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "We're hiring",
        "top": 5998,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#FFFFFF",
    "alpha": 0.25098039215686274,
    "cssValue": "rgba(255, 255, 255, 0.25)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Your browser does not support the video tag. See customer stories /* Initial styles for arrows insid",
        "top": 801,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 32,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 832,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "rgba(255, 255, 255, 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "We're hiring",
        "top": 6002,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#BDCDD0",
    "alpha": 1,
    "cssValue": "rgb(189, 205, 208)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4155,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#FFFFFF",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(255, 255, 255, 0.3)",
    "count": 12,
    "contexts": [
      {
        "tag": "a",
        "text": "Ask ChatGPT",
        "top": 661,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#1E2020",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(29, 31, 32, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 728,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#E4FFAD",
    "alpha": 1,
    "cssValue": "rgb(228, 255, 173)",
    "count": 2,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 17,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 18,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### 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 spacing between major sections, with tighter padding inside feature cards and UI components.
- Corner style: Consistent use of rounded corners on buttons, inputs, and feature cards.
- Radius: Medium border radius appears common on cards and buttons.
- Borders: Subtle, thin solid borders (e.g., 1px) used to define cards and form elements.
- Buttons: Solid white primary buttons on dark backgrounds, dark solid buttons on light backgrounds, with rounded corners.
- Content width: Content is generally constrained to a central max-width, though background gradients and banners span full width.
- Density: Moderate density; ample whitespace around main elements, but dense information packing within feature cards and footer links.
- Evidence: Observed via the bento-box feature grid, consistent button styling, and organized footer layout.

## Sections

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

1. **Navbar — DualEntry Navbar** (Home)
   A slim funding banner sits above a clean menu, and a single contrasting demo button gives the visitor one obvious next step.
   Capture: 1440×110px; page bounds 0–110px of 6763px; source section ID: `065dccfd-1390-425f-9bb4-5e25b9021fc5`; image: https://media.designdetails.io/library/b41113320140fdd4e7546fc1057ce18d9c067c5c34024604f0da22d35d748b1a/065dccfd-1390-425f-9bb4-5e25b9021fc5.webp
   SECTION.md v3.2: `065dccfd-1390-425f-9bb4-5e25b9021fc5` (deterministic evidence; editorial review pending)
2. **Hero — Hero with email demo form** (Home)
   A large headline sits beside laptop and phone mockups, while an inline email field and button let visitors act at once.
   Capture: 1440×788px; page bounds 110–898px of 6763px; source section ID: `18d0b1cb-f83e-4b0d-a1fe-1f940c9ba231`; image: https://media.designdetails.io/library/7fc5202d48cdd28863d038e0e99740b18032271ae908ace5a7e926ba3f2132fa/18d0b1cb-f83e-4b0d-a1fe-1f940c9ba231.webp
   SECTION.md v3.2: `18d0b1cb-f83e-4b0d-a1fe-1f940c9ba231` (deterministic evidence; editorial review pending)
3. **Features — Bento grid of accounting modules** (Home)
   Equal cards pair a short label with a mini interface preview, so visitors scan each capability and see it working.
   Capture: 1440×1345px; page bounds 898–2243px of 6763px; source section ID: `132009f4-876b-45ac-bc8b-8418fe4aafa9`; image: https://media.designdetails.io/library/8119e877e23812fd809fd394efa6a3ea5346f9334b42c486937047d33d15c392/132009f4-876b-45ac-bc8b-8418fe4aafa9.webp
   SECTION.md v3.2: `132009f4-876b-45ac-bc8b-8418fe4aafa9` (deterministic evidence; editorial review pending)
4. **CTA — Centered closing line over faded tags** (Home)
   A short centered statement with a quiet link floats over faded feature chips, which suggest breadth without competing for attention.
   Capture: 1440×248px; page bounds 2243–2491px of 6763px; source section ID: `eb019a39-3453-4869-b723-899e033a913a`; image: https://media.designdetails.io/library/05a052b7c97dc281766d4cec237d33a023bd18868abcf5d9e7a8aa5b0643a2b9/eb019a39-3453-4869-b723-899e033a913a.webp
   SECTION.md v3.2: `eb019a39-3453-4869-b723-899e033a913a` (deterministic evidence; editorial review pending)
5. **Testimonials — Customer story video with metrics** (Home)
   A tabbed logo switcher and a large video still headline each story, with key results beneath giving quick proof.
   Capture: 1440×1209px; page bounds 2491–3700px of 6763px; source section ID: `31f95df4-87cd-4f03-b64d-327525fa8055`; image: https://media.designdetails.io/library/aa012930975c57bf8d54a686d592421a9fb92ae2e04dc9bac3c93486268a2222/31f95df4-87cd-4f03-b64d-327525fa8055.webp
   SECTION.md v3.2: `31f95df4-87cd-4f03-b64d-327525fa8055` (deterministic evidence; editorial review pending)
6. **Process — Migration timeline above video** (Home)
   A gradient timeline bar shows the path from signup to data in 24 hours, and a founder video adds a human face.
   Capture: 1440×1292px; page bounds 3700–4992px of 6763px; source section ID: `1a5ff9f0-0bad-4457-b079-a5e7e6f13a9e`; image: https://media.designdetails.io/library/0a693216a3684944b50cef2f2cf2355a1b9b35ba5e5e020e4ee79836bc2f7f9f/1a5ff9f0-0bad-4457-b079-a5e7e6f13a9e.webp
   SECTION.md v3.2: `1a5ff9f0-0bad-4457-b079-a5e7e6f13a9e` (deterministic evidence; editorial review pending)
7. **Logo Cloud — Integration logo carousel** (Home)
   A row of recognizable logos with one enlarged highlight shows compatibility instantly, and the link points to the full list.
   Capture: 1440×488px; page bounds 4992–5480px of 6763px; source section ID: `347cb339-75b6-4844-adf4-5a220a241975`; image: https://media.designdetails.io/library/93fb0c70ea2a1900f9f7e01b2a929bd4925e17f363968c23774a9199c520ecd6/347cb339-75b6-4844-adf4-5a220a241975.webp
   SECTION.md v3.2: `347cb339-75b6-4844-adf4-5a220a241975` (deterministic evidence; editorial review pending)
8. **CTA — Final demo email capture banner** (Home)
   A bold headline over a teal textured backdrop repeats the email form from the hero, so visitors can act as they finish reading.
   Capture: 1440×342px; page bounds 5480–5822px of 6763px; source section ID: `8809d7ae-3f51-4f86-bda6-dce4b233ca6a`; image: https://media.designdetails.io/library/a89a8695a80ac4d609fbe82914449ca5b932598052a147163091a604fb24c6ac/8809d7ae-3f51-4f86-bda6-dce4b233ca6a.webp
   SECTION.md v3.2: `8809d7ae-3f51-4f86-bda6-dce4b233ca6a` (deterministic evidence; editorial review pending)
9. **Footer — Dark footer with newsletter signup** (Home)
   Link columns grouped under clear headings make navigation easy, and the newsletter field and legal notes close the page neatly.
   Capture: 1440×941px; page bounds 5822–6763px of 6763px; source section ID: `1044dc3e-6958-418e-84b9-ecb6e474c7a9`; image: https://media.designdetails.io/library/c1cf1b2518c235a6f6f1a1b6f6dc947c3034183b0a0c4a83c419646128df8a14/1044dc3e-6958-418e-84b9-ecb6e474c7a9.webp
   SECTION.md v3.2: `1044dc3e-6958-418e-84b9-ecb6e474c7a9` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/9e55fa3ccdd11229b2d6e0c218b85d1d79149906133ca79113d6636eba1adba8/desktop_full-edf450a9-2026-10-29T16-48-52-420Z.webp
- Mobile screenshot: https://media.designdetails.io/library/7de7d8126b8dd808a6672f5ad69663f0939a6fdcabc63f8b35329e4576a8603a/mobile_full-edf450a9-2026-10-29T16-49-43-442Z.webp
- Open Graph image: https://media.designdetails.io/library/d930651aec52e379b58d0ad308306dbaa851829f85d33651530bbcd0a60c2421/og_image-edf450a9-2026-10-29T16-49-01-748Z.webp
- Full-page video: https://media.designdetails.io/library/106f43c5f3c9c94ac748e2fb59c6d6d838e3650c225d16cd15acbe31d12a4130/motion-1793295605628.mp4
- Video poster: https://media.designdetails.io/library/28901394984d3e1f1b03f17ac4095a326f49f4f47dce8c12cba2f0ae63bcc759/motion-poster-1793295605628.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
- Feature Collection
- Carousel
- Video Frame
- Logo Strip
- Newsletter Form
- Footer
- Bento Box Feature Grid
- Floating Product UI

## Quality rubric

Overall: 51.1/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: DualEntry presents a well-organized, professionally executed B2B SaaS marketing site: a single typeface deployed with discipline across many sizes, a controlled teal/dark-grey palette, and a consistent bento-box grid for features, all held together by a conventional but functional set of motion patterns (marquees, autoplaying testimonial video, a filling migration timeline, simulated UI interactions). Content integration is a genuine bright spot — specific financial figures and named customer case studies lend credibility and are woven into the mockups rather than bolted on. The core limitation is that nearly every structural and visual choice (gradient hero with floating device mockups, rounded bento cards, dual logo marquees, dark testimonial carousel) is now a widely recognized convention in funded SaaS design, so the site reads as competent execution of a shared template rather than a distinct design identity. There is no evidence of a signature idea, bold color risk, or choreographed (rather than looping) motion that would justify scoring into the 'good' or 'strong' tiers. This is solid, trustworthy corporate design work that would serve its B2B audience well, but it does not differentiate itself meaningfully from dozens of comparable fintech/ERP landing pages.

- Typography (15%): 58 — A single typeface (Twklausanne) is deployed across an unusually wide range of sizes (11px to 56px) and weights (300-700) to build hierarchy, which is executed with discipline — headings, body copy, labels and buttons all read cleanly. However, the hierarchy relies almost entirely on size/weight shifts of one neutral grotesk rather than any distinctive typographic voice, pairing, or optical texture, which is standard SaaS practice rather than a considered type system.
- Color (10%): 56 — The palette is tightly controlled around dark teal (#01252B, #0F373E), a mid teal accent (#206570/#609199), near-black text/surfaces (#1D1F20/#1C1D1E) and white, with light grey-blue borders (#E4EBEC) for card structure — a coherent, low-risk corporate scheme. It functions well for legibility and trust-building but offers little beyond the now-ubiquitous dark-teal-SaaS convention, with only one outlier accent (#E4FFAD lime in a small icon) breaking the monochrome-teal formula.
- Layout (20%): 62 — The page is organized into a legible, repeatable rhythm: hero with floating device mockups, logo marquee, bento-box feature grid with consistent card borders/radii, dark testimonial carousel, migration timeline, integration grid, and a structured footer. Grid alignment and spacing are consistent and the information density is well-managed between airy section breaks and denser card interiors. This is competent, conventional B2B layout craft without structural surprises.
- Motion (20%): 55 — Motion is functional and feature-oriented: horizontal logo marquees, cursor-simulated micro-interactions inside feature cards, autoplaying testimonial video, a filling progress/timeline bar, and a banner that slides in from the top. These serve clear communicative purposes (social proof, feature demonstration, momentum) but are stock patterns common to SaaS marketing sites, and no evidence establishes refined easing, responsiveness to interaction, or anything beyond auto-triggered loops.
- Originality (25%): 28 — Every major pattern here — dark-teal gradient hero with floating laptop/phone mockups, a bento-box feature grid with rounded cards and thin borders, infinite logo marquees, a dark testimonial carousel, and a migration timeline — is now a widely recognized convention across funded B2B SaaS sites. Nothing observed (palette, type system, layout grammar, or motion vocabulary) constitutes a hard-to-substitute idea unique to this brand; the identity could be swapped for any fintech/ERP competitor with minimal perceptual change.
- Content (10%): 64 — Content integration is a relative strength: specific, credible metrics (36 instances into 1 ERP, 50+ entities, $600M ARR team of two, $45K ARR / $34K MRR sample dashboards) are woven directly into the UI mockups and case study sections, and real customer video testimonials with named companies (Slash, Graphite, Streamside) support the design rather than existing as decoration. Feature cards show believable, labeled product screenshots rather than generic placeholder UI.

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

Curator review pending.

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