# Titan — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.titan.com/
Captured: 2026-11-13
CSS measured: 2026-11-13T10:14:32.942Z at 1440×1000 — https://www.titan.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

Titan is a wealth management website for tech professionals. The design is minimal and editorial, featuring a monochromatic palette of blacks, whites, and greys. Typography is primarily the 'neueMontreal' sans-serif, with tight, clean layouts utilizing negative space. The homepage uses scroll-linked scaling and blurring transitions to reveal product features and imagery dynamically.

## Classification

- Industry: finance
- Site type: Landing, Portfolio
- Business model: Software, Portfolio
- Styles: minimal, editorial, corporate, cinematic, monochromatic
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: neueMontreal — weight 400; size 24px; line-height 30px; tracking normal; Regular (85% role confidence, computed values)
- Heading: neueMontreal — weight 400; size 48px; line-height 66px; tracking normal; Regular (90% role confidence, computed values)
- Body: neueMontreal — weight 400; size 16px; line-height 20px; tracking normal; Regular (95% role confidence, computed values)
- Mono: neueMontreal — weight 400; size 10px; line-height 15px; tracking normal; Regular (85% role confidence, computed values)

## Functional palette

- Canvas — canvas #FDFEFA: color-2: computed rgb(253, 254, 250); AI role: Primary off-white background color used across most sections. (95% role confidence, computed values)
- Text — text #12100E: color-1: computed rgb(18, 16, 14); AI role: Dark text color used for primary headings and important copy against light backgrounds. (95% role confidence, computed values)
- Muted Text — muted text #878784: color-5: computed rgb(135, 135, 132); AI role: Grey text used for secondary information like 'assets under management' and fine print. (90% role confidence, computed values)
- Primary Action — primary action #171717: color-13: computed lab(7.78201 -0.0000149012 0); AI role: Used for primary CTA buttons like 'Get started'. (85% role confidence, computed values)
- Surface — surface #E2E2DE: color-8: computed rgb(226, 226, 222); AI role: Used as a light grey surface for specific UI elements or muted text. (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": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 48,
    "contexts": [
      {
        "tag": "a",
        "text": "Get started",
        "top": 800,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Log in",
        "top": 800,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "assets under management",
        "top": 1504,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "48px",
    "lineHeight": "66px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "h2",
        "text": "We manage wealth for professionals at leading tech companies, from pre-IPO stock options to public c",
        "top": 1168,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "$1.2 Billion",
        "top": 1438,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "10,000+",
        "top": 1438,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "h4",
        "text": "“Before Titan, I wasn't confident in my financial position. My portfolio was sitting in high-fee, ac",
        "top": 7158,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Giovanni Tiso",
        "top": 7403,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A 20-minute call with an advisor. Share your goals, and we'll show you what we'd do.",
        "top": 11688,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "33px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Intro call",
        "top": 11639,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Your plan",
        "top": 11639,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Move & invest",
        "top": 11639,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "48px",
    "lineHeight": "60px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "Your wealth,fully managed.",
        "top": 2269,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Titan",
        "top": 9183,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Diversify",
        "top": 9243,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h1",
        "text": "The wealth managerfor tech professionals.",
        "top": 586,
        "property": "font"
      },
      {
        "tag": "h1",
        "text": "We manage your investments, equity compensation, tax planning, retirement, and beyond. One team, all",
        "top": 662,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Trusted by employees of",
        "top": 935,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "27.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "Diversify concentrated stock without a giant tax bill.",
        "top": 9327,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The wealth manager for tech professionals.",
        "top": 17989,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "28px",
    "lineHeight": "38.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "“Needed a wealth advisor who understood the tech industry”",
        "top": 7049,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "10px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "p",
        "text": "Advisory services are provided by Titan Global Capital Management USA LLC (\"Titan\"), an investment a",
        "top": 18963,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms of Use",
        "top": 19012,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 19012,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "For illustrative purposes only; not an actual client or actual client data.",
        "top": 6317,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 11575,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 11575,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "small",
        "text": "Lead Financial Planner, CFP®",
        "top": 7431,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Testimonials were provided by current Titan clients during September 2026 and no compensation was pr",
        "top": 7505,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AUM and client count are as of 9/30/2026.",
        "top": 1556,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "25px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "button",
        "text": "Is Titan a fiduciary?",
        "top": 12643,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "How is Titan different from my financial advisor?",
        "top": 12735,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "What are the fees?",
        "top": 12827,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#12100E",
    "alpha": 1,
    "cssValue": "rgb(18, 16, 14)",
    "count": 30,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "h2",
        "text": "Trusted by employees of",
        "top": 935,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "$1.2 Billion",
        "top": 1438,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FDFEFA",
    "alpha": 1,
    "cssValue": "rgb(253, 254, 250)",
    "count": 15,
    "contexts": [
      {
        "tag": "body",
        "text": ":root { --font-neue-montreal: 'neueMontreal', 'neueMontreal Fallback'; }Log inGet startedLog inGet s",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 48,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 87,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFA",
    "alpha": 0.2,
    "cssValue": "oklab(0.995159 -0.00246048 0.00474834 / 0.2)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Log in",
        "top": 800,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 8062,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#12100E",
    "alpha": 0.5019607843137255,
    "cssValue": "oklab(0.174657 0.00201744 0.0048485 / 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 14733,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#878784",
    "alpha": 1,
    "cssValue": "rgb(135, 135, 132)",
    "count": 37,
    "contexts": [
      {
        "tag": "h4",
        "text": "assets under management",
        "top": 1504,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "AUM and client count are as of 9/30/2026.",
        "top": 1556,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "",
        "top": 7431,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#11100D",
    "alpha": 0.7490196078431373,
    "cssValue": "oklab(0.174657 0.00201744 0.0048485 / 0.75)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Ready to begin yourfinancial journey?Speak with an advisor",
        "top": 15733,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#403E3C",
    "alpha": 1,
    "cssValue": "rgb(64, 62, 60)",
    "count": 30,
    "contexts": [
      {
        "tag": "h4",
        "text": "“Before Titan, I wasn't confident in my financial position. My portfolio was sitting in high-fee, ac",
        "top": 7158,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#E2E2DE",
    "alpha": 1,
    "cssValue": "rgb(226, 226, 222)",
    "count": 15,
    "contexts": [
      {
        "tag": "h1",
        "text": "We manage your investments, equity compensation, tax planning, retirement, and beyond. One team, all",
        "top": 662,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "",
        "top": 7431,
        "property": "control-background"
      },
      {
        "tag": "small",
        "text": "Lead Financial Planner, CFP®",
        "top": 7431,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#595755",
    "alpha": 1,
    "cssValue": "rgb(89, 87, 85)",
    "count": 6,
    "contexts": [
      {
        "tag": "h3",
        "text": "Diversify concentrated stock without a giant tax bill.",
        "top": 9327,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "A 20-minute call with an advisor. Share your goals, and we'll show you what we'd do.",
        "top": 11688,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "© 2026 Titan Global Capital Management USA LLC.TermsPrivacy",
        "top": 18829,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#1D1B19",
    "alpha": 1,
    "cssValue": "rgb(29, 27, 25)",
    "count": 10,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 1651,
        "property": "control-background"
      },
      {
        "tag": "h3",
        "text": "Intro call",
        "top": 11639,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Log in",
        "top": 18092,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#140D0D",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.174657 0.00201744 0.0048485 / 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Giovanni TisoLead Financial Planner, CFP®",
        "top": 7379,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#F6F7F3",
    "alpha": 1,
    "cssValue": "rgb(246, 247, 243)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 1651,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#171717",
    "alpha": 1,
    "cssValue": "lab(7.78201 -0.0000149012 0)",
    "count": 3,
    "contexts": [
      {
        "tag": "a",
        "text": "Get started",
        "top": 800,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#898980",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.622479 -0.00123188 0.00425968 / 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "h4",
        "text": "Featured",
        "top": 9113,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#E9EAE6",
    "alpha": 1,
    "cssValue": "rgb(233, 234, 230)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Log in",
        "top": 18092,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#2A2826",
    "alpha": 1,
    "cssValue": "rgb(42, 40, 38)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 11575,
        "property": "text"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous spacing with large top/bottom margins defining clear sections.
- Corner style: Rounded corners heavily utilized on buttons, feature cards, and UI mockups.
- Radius: Pill-shaped buttons (e.g., 'Log in', 'Get started') and moderately rounded feature cards.
- Borders: Minimal borders; mostly borderless with subtle horizontal dividers.
- Buttons: Solid fill (often black or off-white) with pill-shaped rounding.
- Content width: Centralized content blocks with wide margins, occasionally utilizing edge-to-edge layouts for media.
- Density: Low density, favoring generous whitespace to create a clean, editorial feel.
- Evidence: Visual inspection of the provided screenshots showing layout, spacing, and component styling.

## Sections

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

1. **Navbar — Titan Navbar** (Home)
   A large serif wordmark over a portrait photo sets a confident, editorial tone and gives visitors an immediate brand anchor.
   Capture: 1440×226px; page bounds 0–226px of 15588px; source section ID: `238f748f-3f08-419b-bd96-533f99b0b670`; image: https://media.designdetails.io/library/c90b4570c87559a4ef6567a099c783d015c13752f6409b3354465304d90dc89b/section-manual-238f748f-3f08-419b-bd96-533f99b0b670-1794590036655.webp
   SECTION.md v3.2: `238f748f-3f08-419b-bd96-533f99b0b670` (deterministic evidence; editorial review pending)
2. **Hero — Video hero with stats and logos** (Home)
   Short headline and two buttons sit over footage, while the logo row and key figures below build credibility straight away.
   Capture: 1440×889px; page bounds 0–889px of 15588px; source section ID: `2a22ab47-2a8b-4b9f-9229-84fdd049eed4`; image: https://media.designdetails.io/library/2f5adabbd998c2304836c66a65278a0fbab15fab3de701a587e7761f23848b6a/section-manual-2a22ab47-2a8b-4b9f-9229-84fdd049eed4-1794590031663.webp
   SECTION.md v3.2: `2a22ab47-2a8b-4b9f-9229-84fdd049eed4` (deterministic evidence; editorial review pending)
3. **Features — Service tabs beside large photo** (Home)
   Tabs split the services into clear topics, and a short text block beside a big image keeps each one easy to scan.
   Capture: 1440×903px; page bounds 2968–3871px of 15588px; source section ID: `da1375ce-e017-4b68-abc4-619d99c0d986`; image: https://media.designdetails.io/library/dfea0acb6e37d2a4e30a092fdffdf26712101e61ed4a8505fbac3624c87b1a24/section-manual-da1375ce-e017-4b68-abc4-619d99c0d986-1794590020461.webp
   SECTION.md v3.2: `da1375ce-e017-4b68-abc4-619d99c0d986` (deterministic evidence; editorial review pending)
4. **Dashboard — Floating product cards around video call** (Home)
   Cards showing portfolio, plan and progress surround a video call, so visitors see the service in use without reading about it.
   Capture: 1440×871px; page bounds 3991–4862px of 15588px; source section ID: `c1923408-a329-4a7b-917f-c096cb6dff13`; image: https://media.designdetails.io/library/2527337942ec29c5ddf5b7e015f43ff0f6659e0b79e086b8c5d138a8e7d7dd97/section-manual-c1923408-a329-4a7b-917f-c096cb6dff13-1794590008258.webp
   SECTION.md v3.2: `c1923408-a329-4a7b-917f-c096cb6dff13` (deterministic evidence; editorial review pending)
5. **Testimonials — Quote slider with client portrait** (Home)
   A large quote beside a portrait, with slider controls, makes the praise personal and lets visitors move through several clients.
   Capture: 1440×1025px; page bounds 5837–6862px of 15588px; source section ID: `93346448-1913-474f-b85c-136b6854c525`; image: https://media.designdetails.io/library/b152e1fb3f2511ebd4b4954a4cedb4dff6326517b9dad0416506a19544ecc914/section-manual-93346448-1913-474f-b85c-136b6854c525-1794590001316.webp
   SECTION.md v3.2: `93346448-1913-474f-b85c-136b6854c525` (deterministic evidence; editorial review pending)
6. **Other — Featured product card over image** (Home)
   A light card with a line-art graphic and one button stands out against the blurred photo and points to a single offering.
   Capture: 1440×1000px; page bounds 6862–7862px of 15588px; source section ID: `d2af106d-3347-4741-99e5-bf4369205f05`; image: https://media.designdetails.io/library/98f5395766940cb2c8b5237cc8978b3a829f890c28c797170d57b782beab067f/section-manual-d2af106d-3347-4741-99e5-bf4369205f05-1794589995619.webp
   SECTION.md v3.2: `d2af106d-3347-4741-99e5-bf4369205f05` (deterministic evidence; editorial review pending)
7. **Process — Four-step journey on a timeline** (Home)
   Numbered steps on a dotted line with short descriptions show what happens next, which makes starting feel low-risk.
   Capture: 1440×1000px; page bounds 8862–9862px of 15588px; source section ID: `e831334e-1ac0-454f-9001-c84ad380a51a`; image: https://media.designdetails.io/library/3f28cfe3f374f56664cf77c3b3c783acc35791652d8a9b73578704bdc6fcc74d/e831334e-1ac0-454f-9001-c84ad380a51a.webp
   SECTION.md v3.2: `e831334e-1ac0-454f-9001-c84ad380a51a` (deterministic evidence; editorial review pending)
8. **FAQ — Centered FAQ heading with questions** (Home)
   A plain centered heading with generous space leads into expandable questions that answer common trust concerns.
   Capture: 1440×1000px; page bounds 9862–10862px of 15588px; source section ID: `4c56573e-465c-4276-9756-d81f05d09912`; image: https://media.designdetails.io/library/b9c038ae761d897a60bb678065b1fa20435d14955b841b8a2eeded6c7a385d0c/4c56573e-465c-4276-9756-d81f05d09912.webp
   SECTION.md v3.2: `4c56573e-465c-4276-9756-d81f05d09912` (deterministic evidence; editorial review pending)
9. **Editorial — Resource cards on dark background** (Home)
   Varied images in a row on a dark background hint at articles, while a short description and button lead to the library.
   Capture: 1440×971px; page bounds 10862–11833px of 15588px; source section ID: `c71cc015-555d-464b-906a-753e747bb1f8`; image: https://media.designdetails.io/library/eaafe98ce08cb59af7ac81a49ae05c634a74519c5c5ac89d054458f58f93a406/c71cc015-555d-464b-906a-753e747bb1f8.webp
   SECTION.md v3.2: `c71cc015-555d-464b-906a-753e747bb1f8` (deterministic evidence; editorial review pending)
10. **CTA — Dark closing card with one button** (Home)
   A single question and one white button on a dark card leave visitors with one clear next step.
   Capture: 1440×1074px; page bounds 12650–13724px of 15588px; source section ID: `4618adc6-36bf-420c-bf99-14fe23b8afc5`; image: https://media.designdetails.io/library/e7ce34cae71d0b756bf9e616db192bcf807d5df2ceebe78a9d74d5c64d134449/section-manual-4618adc6-36bf-420c-bf99-14fe23b8afc5-1794589983891.webp
   SECTION.md v3.2: `4618adc6-36bf-420c-bf99-14fe23b8afc5` (deterministic evidence; editorial review pending)
11. **Footer — Link columns with legal disclosures** (Home)
   Grouped link columns and a tagline with buttons help navigation, and the small-print legal text sits clearly apart below.
   Capture: 1440×1755px; page bounds 13833–15588px of 15588px; source section ID: `0d86ea7e-df27-4bf1-96b5-94995b3f3fbd`; image: https://media.designdetails.io/library/04c501ccd7fd9f945669d50be42c159752f5961aa6bc20d1678d8e272dd3ed06/0d86ea7e-df27-4bf1-96b5-94995b3f3fbd.webp
   SECTION.md v3.2: `0d86ea7e-df27-4bf1-96b5-94995b3f3fbd` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/719d972c4248c53ed94a85b5a4c7b2908ef6aab32dd08e679644a6b81160adfc/desktop_full-78d02310-2026-11-13T10-14-32-953Z.webp
- Mobile screenshot: https://media.designdetails.io/library/f530edf5677b4a43c960776ced29272c5536735402ec833cbd24c2c0dd3a5c25/mobile_full-78d02310-2026-11-13T10-15-10-310Z.webp
- Open Graph image: https://media.designdetails.io/library/5e4e5de4eac31f2074e1bae6dbeea621f18b0ac27eb2798229ee702210a60461/og_image-78d02310-2026-11-13T10-14-41-616Z.webp
- Full-page video: https://media.designdetails.io/library/0baa425b6b3c5c2a3c2765c0a53915942e43c2cbb46e43abfe56e1e8e7cb33fc/motion-1794567213539.mp4
- Video poster: https://media.designdetails.io/library/c2b98eda7fabf2c650f4b9ee4d0ac9e5d0cf2a6e9d4895562ce7446ea99785a1/motion-poster-1794567213539.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
- Stat Block
- Tabs
- Testimonial Card
- Feature Card
- FAQ Accordion
- CTA
- Footer
- Scroll Revealed Card
- Numbered Journey

## Quality rubric

Overall: 52.5/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Titan presents a clean, editorial wealth-management site built on a disciplined monochrome palette and a single consistent typeface used across headings, stats, and fine print. The content architecture is logical and purposeful — trust markers lead into service explanation, testimonials, a numbered client journey, and FAQ — and motion is applied systemically via scroll-linked scale and blur reveals rather than as an isolated hero trick. These are real strengths of craft and coherence. But the overall visual and motion idiom is one that has become a de facto template for premium SaaS and fintech marketing sites: pill buttons, centered editorial type, logo marquees, and repeated scale/blur card reveals are now widely seen across the category, and the site does little to push beyond that convention. The same motion mechanic recurs almost identically multiple times, the color palette takes no risks beyond pure monochrome, and nothing in the layout or typography offers a signature that couldn't be relabeled onto a competing wealth-tech brand. The result is a competently executed, trustworthy, but largely interchangeable example of the current minimal-editorial fintech style rather than a distinctive design statement.

- Typography (15%): 61 — A single family (neueMontreal) is used across a clear, consistent scale from 10px legal fine print to 48px section heads, with sensible line-height ratios (e.g. 48/66, 24/33). The system is legible and well-organized, and the serif 'TITAN' wordmark provides a brand accent against the sans-serif body. However the type system itself takes no real risks — sizes/weights are standard editorial-SaaS defaults, weight variation is minimal (mostly 400), and nothing about the pairing is hard to substitute for another fintech brand.
- Color (10%): 54 — Palette is a disciplined monochrome system (off-white #FDFEFA canvas, near-black #12100E text, grey #878784 secondary) with a dark CTA section for contrast. This is appropriate for the trust-building tone of a wealth manager, but it is also extremely safe — there is almost no deliberate color accenting beyond a green progress bar in one UI mockup and a pale yellow card, both incidental to illustrative screenshots rather than a designed system.
- Layout (20%): 63 — The page follows a coherent, generously spaced editorial structure — hero, logo strip, stat block, feature grid, service tabs, testimonial carousel, numbered journey, FAQ, resources, CTA, footer — each section cleanly separated with consistent margins and alignment. This is competent systemic layout work across many sections, but the pattern (centered headline + pill CTA + card grid) is a widely recognized template rather than a structure unique to this brand.
- Motion (20%): 56 — Multiple scroll-linked moments are documented (hero video minimizing, grid scaling, card scale/blur reveal, image-trio scaling) showing motion is used as a through-line rather than a single hero trick, which is a point in its favor. However, the same scale+blur/scale mechanic recurs three to four times with little variation, and no evidence establishes easing quality, frame smoothness, or restraint beyond the visual description of 'scales up/down.'
- Originality (25%): 33 — Monochrome palette, pill buttons, centered editorial type, scroll-triggered scale/blur reveals, logo marquee, numbered journey, and FAQ accordion are all now extremely common conventions in premium SaaS/fintech marketing sites (a recognizable 'Linear/Stripe-adjacent' template). Nothing here is hard to substitute for another brand in the category — swap the logo and most of this could belong to a dozen other fintech startups.
- Content (10%): 59 — Content is well-sequenced and purposeful: credibility markers (AUM, client count, SEC registration) lead into service explanation, testimonials, a featured product card, a numbered client journey, FAQ, and resources — a logical narrative for a financial services sell. Illustrative UI mockups (portfolio card, tax-loss harvesting) are tied to real messaging, though the dense legal fine print and repeated CTA blocks add friction to the integration.

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
- [x] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [ ] 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.