Cotool

Item: Cotool
Rating: 7.5

AI agents for security detection, response and threat hunting.

7.5/10MABTU rating

DESKTOP · 1440 × 6,643/ ↗

MOBILE · 390

Section outline · Home

01heroElectric blue, highlighted phrase, pixel wave art
02logo cloudCustomer logos with company-size pills
03manifestoCentred serif paragraphs, two buttons
04featuresSticky Detect/Respond/Hunt index with product panels
05testimonialLarge serif quote card
06featuresCharcoal band with three UI cards859
07ctaBlue strip with dot art411
08footerCharcoal footer with giant dotted wordmark683

Rating · Home

Visual design7.8

UX & clarity7.0

Originality8.2

Craft & consistency7.2

Motion6.5

Performance & a11y7.7

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

Main colours

Mixed sections·off white background·vivid

Typography

Suisse Intlheading · sans · self-hosted Suisse Intlbody · sans · self-hosted Moderat Serifaccent · serif · self-hosted

Stack & style

Next.js Payload CMS React Tailwind CSS

Minimal Bold typography Retro Logo cloud Pinned sections Sticky header

Also: Google Tag Manager, Vercel, Google Analytics

Design DNA

Saturated electric blue (#0000FF range) hero with a white headline where 'blue team' sits in a pale highlight box, above a Hokusai-like wave built from pink, cyan and white pixel dots. A white manifesto section uses a serif with bolded keywords around 20px. Detect, Respond and Hunt rows have a sticky left label index and grey panels holding dark product UI, each with a small blue button. A charcoal band shows three UI cards, blue CTA strips reuse the dot art, and the footer is a huge wordmark drawn in dot-matrix circles.

Worth borrowing

Draw the hero illustration as a pixel-dot wave in two accent colours on a pure electric blue field.
Highlight the key phrase of the headline with a pale box, like selected text.
Spell the brand name in giant dot-matrix circles across the footer.