DevfinixDevfinix

Case Study · Advisory · Intellectual Property

Leonardo Legacy

A refined ivory-and-gold site for an IP advisory family office, with a ventures showcase, eight partner industries and a spam-protected consultation form.

Industry
Advisory · Intellectual Property
Built For
Innovators, companies & investors
Stack
Next.js · Tailwind CSS v4 · next/font (Sora + Inter)
Leonardo Legacy homepage on desktop

Project Overview

Leonardo Legacy helps turn intellectual property into business assets — from patent strategy and monetization to technology transfer and due diligence.

The site reflects that positioning with a luxury “family office” aesthetic: warm ivory surfaces, gold accents, hairline borders and generous typography.

It is also one of the most carefully engineered sites in the portfolio, with a strict security policy, accessible navigation and a form protected without a CAPTCHA.

What It Had to Do

  • Make a complex advisory offer easy to understand
  • Project the credibility of a family office
  • Showcase the ventures and industries it partners with
  • Capture consultation requests securely, without friction

Under the Hood

Key Features

01

Value ladder

Protect Innovation, Strategize Assets, Unlock Value and Scale Growth frame the offer in four steps.

02

Two-part method

“From Idea to Impact” and “Disciplined Growth Process” lay out how engagements run.

03

Ventures marquee

An accessible logo marquee linking to six ventures, with duplicate items hidden from screen readers.

04

Partnership industries

Eight sectors — from mining and energy to logistics and hospitality — each with an animated detail view.

05

Consultation form

Client-side validation with accessible error states and a honeypot field instead of a CAPTCHA.

06

Accessibility built in

Skip link, ARIA-labelled navigation, focus-visible outlines and screen-reader-friendly marquees.

Leonardo Legacy on a mobile phone

Built Mobile-First

Technology

Detected from the live site's source and response headers.

  • Next.js

    App Router

  • Tailwind CSS v4

    Design-token system of ivory, gold and ink

  • next/font (Sora + Inter)

    Self-hosted display and body type

  • EmailJS

    Serverless form delivery

  • Hardened security headers

    Strict CSP, HSTS preload, frame denial

  • PWA manifest

    Installable with app icons

Verified on the Live Site

Search & Discoverability

  • Organization and WebSite structured data
  • Canonical URL with index/follow directives
  • Full Open Graph and Twitter card set with image alt text
  • API routes excluded from crawling in robots.txt
  • Web app manifest with theme colour and icons
Rule the Web!

Request a Web Design and Marketing Proposal.