Secoda

Item: Secoda
Rating: 7.1

AI platform for data cataloguing, governance and analytics answers.

7.1/10MABTU rating

DESKTOP · 1440 × 9,857/ ↗

MOBILE · 390

Section outline · Home

01heroSplit copy and iridescent chat panel, logo row835
02featuresTabs, accordion and monitor screenshot1,034
03feature3D stacked layers illustration beside copy584
04agentsCarousel of agent cards908
05bentoFour grey tiles with mini UIs1,552
06testimonialsThree gradient quote cards
07badgesG2 award badges row
08integrationsIcon grid496
09securityBlack shield render beside feature list584
10ctaLarge gradient panel520
11footerLink columns and newsletter card916

Rating · Home

Visual design7.4

UX & clarity7.2

Originality6.5

Craft & consistency7.4

Motion6.0

Performance & a11y7.7

This page scores 7.1; the site score weights the home page double.

Main colours

Light·white background·mono

Typography

Interdisplayheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Google Fonts Webflow Adobe Fonts jQuery

Minimal Gradient-heavy Rounded / soft Product-UI-led Bento grid Hero video Logo cloud Review badges Tabs Testimonial slider

Also: Cloudflare, Google Tag Manager, Google Analytics

Design DNA

White page, black medium grotesk headlines and black pill buttons. The hero splits text left and a rounded iridescent (pink, lilac, blue, peach) gradient panel with a chat window right. Features use an accordion beside a monitor screenshot, a 3D stacked-layers logo illustration, a carousel of agent cards and a four-tile grey bento with mini UIs. Customer quotes sit on three blurred gradient cards; G2 badges, an integration icon grid, a black 3D shield card, a large gradient 'Get started' panel and a light footer finish.

Worth borrowing

Put customer quotes on soft iridescent gradient cards, each with a different colour mix.
Visualise the platform as a stack of translucent coloured layers topped by the logo.
Use one gradient treatment for both the hero visual and the final CTA panel.