SafetyKit

Item: SafetyKit
Rating: 7.5

AI agents that detect and investigate fraud, scams and abuse on platforms.

safetykit.com Save page

7.5/10MABTU rating

DESKTOP · 1440 × 5,019/ ↗

MOBILE · 390

Section outline · Home

01heroLeft claim and orange demo button, right node graph diagram489
02logosBordered strip of platform logos
03problemFour mono step boxes and short explanation
04processFour columns with small line diagrams771
05features2x2 bordered benefit cards810
06coverageGrid of eight threat-type chips608
07case studiesTwo video cards with watch and read buttons1,181
08ctaCharcoal band with orange button, then footer648

Rating · Home

Visual design7.8

UX & clarity7.8

Originality7.5

Craft & consistency7.8

Motion5.5

Performance & a11y7.7

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

Main colours

Light·cream background·vivid

Typography

Instrument Sansheading · sans · google Instrument Sansbody · sans · google DM Monoaccent · mono · google

Stack & style

Next.js React Tailwind CSS

Minimal Illustration-led Sharp / geometric Logo cloud Process steps Review badges Sticky header Testimonial slider

Also: Vercel, Google Analytics, Google Tag Manager

Design DNA

Warm cream page with a tight heavy grotesk for headlines, uppercase monospace eyebrows in orange-red, and square-cornered orange buttons. The hero pairs a big two-line claim with a node graph whose orange centre connects grey and blue signal nodes on a dotted grid. A bordered strip of customer logos, a beige 'problem' band of four mono step boxes, a four-column how-it-works row with small line diagrams (ingest, connect, evaluate, act), a 2x2 benefits grid, a threat-type chip grid and two video case-study cards lead to a charcoal CTA and footer.

Worth borrowing

Draw the product as a simple node graph with one bright core node and colour-coded signal nodes.
Frame the problem as four numbered monospace boxes forming a loop.
Give each how-it-works step a tiny evolving diagram that builds from dots to a network.