KAGN AI

KAGN AI needed a landing page that explains a technical product, retrieval-augmented AI agents for company data, in a way that feels trustworthy to enterprise teams. I aimed for a precise, terminal-inspired look that signals security and engineering quality.

I designed the full landing page: a floating dock navigation, hero, trusted-by brand strip, bento service cards, a four-step how-it-works flow, a testimonials carousel, an email sign-up call to action and a detailed footer. I first built it in Figma Make, then rebuilt it as a static, component-based design.

I studied landing pages of developer tools and AI infrastructure companies. Dark interfaces, monospace accents and step-by-step explanations kept coming up, which shaped the terminal-style labels and the four-step flow.

A strict black-and-white palette with one border gray keeps the focus on content. Corner bracket accents, monospace labels and grid backgrounds give every section the same technical character, and a set of reusable components keeps cards, buttons and stats consistent.

Explaining a complex product works best step by step: one idea per section, short copy and concrete numbers. Next I would design the mobile version and a pricing page.