# Litigation Survey Expert Witness — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://catalystbehavioral.com/
Captured: 2026-10-10
CSS measured: 2026-10-10T05:26:12.776Z at 1440×1000 — https://catalystbehavioral.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: anthropic/claude-sonnet-5

## Design direction

The website employs a minimal and corporate design language, characterized by generous whitespace, stark black and white contrast, and a highly structured layout. The aesthetic leans technical and professional, appropriate for a litigation consulting firm, utilizing clean sans-serif typography and rounded rectangular cards to organize content. The hero section features an abstract, node-based illustration that conveys complex data analysis.

## Classification

- Industry: other
- Site type: Landing
- Business model: Agency
- Styles: minimal, corporate, typographic, technical-diagrammatic, soft-ui
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: nb_akademieregular — weight 400; size 76px; line-height 76px; tracking -2%; Regular (100% role confidence, computed values)
- Heading: nb_akademieregular — weight 400; size 44px; line-height 54px; tracking normal; Regular (100% role confidence, computed values)
- Body: nb_akademieregular — weight 400; size 24px; line-height 30px; tracking -2%; Regular (90% role confidence, computed values)

## Functional palette

- Surface — surface #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: #FFFFFF is used for navigation pills, client logo cards, and list items to lift them off the canvas. (100% role confidence, computed values)
- Text — text #000000: color-2: computed rgb(0, 0, 0); AI role: #000000 is the primary color for all text, ensuring high contrast. (100% role confidence, computed values)
- Canvas — canvas #F7F7F7: color-1: computed rgb(247, 247, 247); AI role: #F7F7F7 is used as the primary background color for the page, providing a soft contrast to white elements. (90% role confidence, computed values)
- Primary Action — primary action #000000: color-2: computed rgb(0, 0, 0); AI role: #000000 is also used for the main 'Contact Us' button background. (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": "nb_akademiemedium",
    "fontStack": "nb_akademiemedium",
    "weight": "400",
    "size": "15px",
    "lineHeight": "15px",
    "letterSpacing": "-1%",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "a",
        "text": "Services",
        "top": 47,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "David Neal",
        "top": 47,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Team",
        "top": 47,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "nb_akademieregular",
    "fontStack": "nb_akademieregular, Arial, serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": -1000,
        "property": "font"
      },
      {
        "tag": "h1",
        "text": "Litigation Survey Expert Witness",
        "top": 479,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "nb_akademieregular",
    "fontStack": "nb_akademieregular, Arial, serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22px",
    "letterSpacing": "-2%",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Catalyst is a boutique consulting firm specializing in consumer surveys in litigation — combining sc",
        "top": 3921,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Catalyst Behavioral Sciences",
        "top": 3921,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Miami, FL, USA",
        "top": 3943,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "nb_akademieregular",
    "fontStack": "nb_akademieregular, Arial, serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "-2%",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Survey Issues Frequently Addressed",
        "top": 2212,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "nb_akademiemedium",
    "fontStack": "nb_akademiemedium",
    "weight": "400",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "-1%",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Clients",
        "top": 1476,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Load more clients",
        "top": 1786,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Services",
        "top": 2142,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "nb_akademieregular",
    "fontStack": "nb_akademieregular, Arial, serif",
    "weight": "400",
    "size": "76px",
    "lineHeight": "76px",
    "letterSpacing": "-2%",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Research",
        "top": 480,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Designed",
        "top": 480,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "for",
        "top": 556,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "nb_akademieregular",
    "fontStack": "nb_akademieregular, Arial, serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "-2%",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Catalyst Behavioral Sciences is led by Dr. David Neal, a testifying survey expert in intellectual pr",
        "top": 1080,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "To discuss a matter or explore whether a consumer survey is appropriate for your case, contact Catal",
        "top": 3378,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "nb_akademieregular",
    "fontStack": "nb_akademieregular, Arial, serif",
    "weight": "400",
    "size": "44px",
    "lineHeight": "54px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Litigation Surveys in Trademark, Patent, and False Advertising Cases",
        "top": 2212,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "nb_akademiemedium",
    "fontStack": "nb_akademiemedium",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "-1%",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Catalyst Behavioral",
        "top": 37,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "nb_akademiemedium",
    "fontStack": "nb_akademiemedium",
    "weight": "400",
    "size": "15px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Menu",
        "top": 40,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "nb_akademiemedium",
    "fontStack": "nb_akademiemedium",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22px",
    "letterSpacing": "-2%",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Index",
        "top": 3924,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Services",
        "top": 3948,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "David Neal",
        "top": 3972,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F7F7F7",
    "alpha": 1,
    "cssValue": "rgb(247, 247, 247)",
    "count": 25,
    "contexts": [
      {
        "tag": "div",
        "text": "Litigation Survey Expert Witness Research Designed for Scrutiny.",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 1468,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Load more clients",
        "top": 1786,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 77,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": -1000,
        "property": "control-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 41,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "Catalyst Behavioral",
        "top": 37,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 11,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": -1000,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Catalyst Behavioral Services David Neal Team Contact Menu",
        "top": 20,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Likelihood of Confusion",
        "top": 2266,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 0.1803921568627451,
    "cssValue": "rgba(0, 0, 0, 0.18)",
    "count": 1,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 16,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#DCDCDC",
    "alpha": 0.2,
    "cssValue": "rgba(218, 218, 218, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 30,
        "property": "background"
      }
    ]
  }
]
```

### 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 and block-based; large vertical margins between distinct sections (hero, clients, services, contact).
- Corner style: Fully rounded (pill shape) for buttons and small tags; moderately rounded (approx 16-24px) for larger surface cards.
- Radius: Mixed: large radii for cards, full pill-radii for interactive controls.
- Borders: Mostly borderless, relying on contrast between the light grey canvas (#F7F7F7) and white surfaces (#FFFFFF).
- Buttons: Pill-shaped, filled (black for primary, light grey for secondary), without borders.
- Content width: Restricted central column for main text blocks, while some background elements bleed wider.
- Density: Low density; high utilization of whitespace to emphasize content and typography.
- Evidence: Observed in the layout structure, CSS corner-radius application on cards/buttons, and the stark color contrast lacking explicit borders.

## Sections

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

1. **Hero — Research Designed for Scrutiny Hero** (Home)
   AI suggestion (98% confidence): Complete opening hero with a bold research-positioning headline and distinctive connected-data visualization; substantial and reusable as a standalone reference.
   Capture: 1440×996px; page bounds 0–996px of 4196px; source section ID: `705a807a-c2bc-4b00-8719-008fd54e8e85`; image: https://media.designdetails.io/library/f2f4cbbe0c40870013295e858824addfe6215623893151d037a58659fd16079b/705a807a-c2bc-4b00-8719-008fd54e8e85.webp
   SECTION.md v3.2: `705a807a-c2bc-4b00-8719-008fd54e8e85` (deterministic evidence; editorial review pending)
2. **Feature Card — Litigation Survey Services Card** (Home)
   AI suggestion (94% confidence): Complete services component combining a clear offering headline, survey-issue list, and supporting analytical illustration within one bounded card.
   Capture: 1440×747px; page bounds 2124–2871px of 4196px; source section ID: `7b344bdc-e4f6-44d8-9d56-018fc0ffa0b4`; image: https://media.designdetails.io/library/f2013abf64ab6b29431c3257431d51c3933e3295ed8121e6b0b30b9f074111cd/7b344bdc-e4f6-44d8-9d56-018fc0ffa0b4.webp
   SECTION.md v3.2: `7b344bdc-e4f6-44d8-9d56-018fc0ffa0b4` (deterministic evidence; editorial review pending)
3. **CTA — Work With Dr. Neal Consultation** (Home)
   AI suggestion (96% confidence): Complete conversion section pairing a professional portrait with a confidential consultation prompt and clear Contact Us action.
   Capture: 1440×562px; page bounds 3139–3701px of 4196px; source section ID: `9e31ea45-1941-4305-8ed1-b4817cfb17be`; image: https://media.designdetails.io/library/ec261f1f7fc3f6a38fb94e4487678680c70fadcd99c6d7d0ce1d33b13995e7e1/9e31ea45-1941-4305-8ed1-b4817cfb17be.webp
   SECTION.md v3.2: `9e31ea45-1941-4305-8ed1-b4817cfb17be` (deterministic evidence; editorial review pending)
4. **Footer — Catalyst Behavioral Sciences Footer** (Home)
   AI suggestion (97% confidence): Complete page footer with company summary, office location, sitemap links, and direct contact details.
   Capture: 1440×434px; page bounds 3762–4196px of 4196px; source section ID: `3f78a864-2551-42c5-8bf7-fc290ef1c160`; image: https://media.designdetails.io/library/e673277318881245764075753f661e5cf821c4d83538780c1cc4d64bb66f9a9c/3f78a864-2551-42c5-8bf7-fc290ef1c160.webp
   SECTION.md v3.2: `3f78a864-2551-42c5-8bf7-fc290ef1c160` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/12e8192c2dc88acea6fecfb7316eb6184d269e956cf45a33ea993d79c3caec23/desktop_full-d0476956-2026-10-10T05-26-12-784Z.webp
- Mobile screenshot: https://media.designdetails.io/library/bf7ad25a158c5ffd76352f4dd4614a7b86d941b2a180e9f535076098f886cf5c/mobile_full-d0476956-2026-10-10T05-26-42-900Z.webp
- Open Graph image: https://media.designdetails.io/library/18b7a1eccf30355ae672638122fc26a420cbfb354466897001f109aa22313f8b/og_image-d0476956-2026-10-10T05-26-21-022Z.webp
- Full-page video: https://media.designdetails.io/library/95d15bd4e49d0c780c717d99265ee8e27ea0d56097651cd0160ae6a083bf72bd/motion-1791619863433.mp4
- Video poster: https://media.designdetails.io/library/e10b33e42143e3354c36a3edecea7394ce1f699a7bdfff690ef60dea104569d0/motion-poster-1791619863433.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
- Logo Strip
- Feature Collection
- Editorial Card
- Primary Button
- Footer
- Interactive List Item
- Floating Pill Header
- Secondary Button

## Quality rubric

Overall: 56.38/100 (Competent)
Evidence coverage: 80%
Judge tier: Competent
Verdict: A clean, disciplined corporate site for a litigation survey expert witness that executes a now-common minimal SaaS template competently—consistent custom type, restrained monochrome palette, and well-organized content—anchored by one genuinely original idea (the node-and-connector hero graphic), but without enough compounding originality, color distinctiveness, or verified motion craft to rise above a solidly competent execution.

- Typography (15%): 62 — A single custom typeface family (nb_akademieregular/medium) is applied consistently across all levels—76px display, 44px heading, 24px intro body, 15px nav/labels—with a uniform -2% tracking that gives the system a tight, controlled feel. Hierarchy is legible and intentional, but the type choices (one geometric sans, minimal weight contrast, no secondary voice) are standard contemporary corporate practice rather than a distinctive typographic system.
- Color (10%): 56 — Palette is reduced to white surfaces, black text/CTAs, and a light grey (#F7F7F7) canvas—executed cleanly with consistent contrast logic (white cards lifted off grey canvas). This restraint suits the professional/legal context but results in a flat, low-risk system with no accent color or chromatic signature to aid wayfinding or brand memorability.
- Layout (20%): 60 — The page uses a clear block-based rhythm (hero, logo grid, services, bio, footer) with a restricted central text column, consistent card radii, and a split 'floating pill' navigation. Alignment and spacing are disciplined and the list-of-services and logo-grid components are well organized. However, the overall structure—pill nav, card logo strip, right-arrow list items, two-column bio/CTA block—is a now-common B2B/SaaS layout pattern rather than a bespoke grid solving this content's problems in a distinctive way.
- Motion (20%): Not_assessed — No motion recording or interaction evidence was supplied for this capture, so animation quality, easing, or responsiveness cannot be judged.
- Originality (25%): 48 — The abstract node-and-connector hero graphic is the one genuinely distinctive idea, metaphorically suggesting networked data/research. Everything else—split pill navigation, white-card logo grid with 'Load more' pill, arrow-accented list rows, grey-canvas/white-card contrast, rounded black CTA pill—closely follows a widely replicated contemporary SaaS/consulting template seen across many sites in this idiom. No second or third hard-to-substitute idea compounds with the diagram to form a cohesive original system.
- Content (10%): 62 — Copy and components map sensibly to the firm's purpose: a services section naming specific legal survey issues (Likelihood of Confusion, Genericness, Dilution), a credentialed expert bio with testimony count, and a client-logo strip implying scale/credibility. Content and layout work together without obvious friction, though the client-logo claim sits somewhat close to generic 'trust bar' conventions rather than an integrated proof mechanism (e.g., case studies or citations).

Coverage: 80% 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 loose node diagram of colour swatches and client photos floats beside a huge plain headline, suggesting connected research data without charts or jargon. Generous white space, a grid of recognisable client logos, and a straightforward list of survey topics let a skeptical legal reader scan credentials and services quickly.

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