A professional site for Benthic, an autonomous AI penetration-testing platform. The brief: make deep, technical security work feel fast, trustworthy, and modern to a skeptical buyer. I handled design and build on Webflow.
Wireframes set the narrative order and the reusable section patterns before any visual design.
A top-to-bottom argument: hook, problem, solution, proof, conversion. Each band is one idea.
A standard SaaS bar with two grouped dropdowns (Products, Resources) and a single high-contrast CTA pill anchoring the right.
Most of the page is one flexible block: blue eyebrow, large heading, supporting line, then a row of cards, stats, or steps.
One column. Hero text stacks above the render; card rows become single-file; the CTA keeps its dark emphasis.
A neutral, editorial kit built for credibility: a near-white canvas, one typeface, one blue, and a small set of rounded modules that compose the whole page.
Geist (keeps everything in one family at a calm Medium weight — no bold shouting. Headings set tight and sentence-cased to feel like product UI, not advertising. The uppercase blue eyebrow is the one consistent typographic signal that opens each section.
Fully-rounded pills. Black is the default action on light; white reverses it on the dark CTA; blue is the optional emphasis variant. No sharp corners anywhere in the system.
Uppercase, tracked, BlueLake blue. Opens every section and is the primary way the single accent color appears in text.
Rounded surface, soft-blue icon tile, title, short description. One pattern serves problem cards, solution tiers, and how-it-works steps.
Numbers get their own quiet card; recurring-engagement benefits use a blue circular check. Both reinforce proof without heavy color.
