Dosu

Item: Dosu
Rating: 7.8

Automatic knowledge capture and documentation for engineering teams and coding agents.

7.8/10MABTU rating

DESKTOP · 1440 × 9,107/ ↗

MOBILE · 390

Section outline · Home

01heroPixel library illustration, serif headline, CLI pill, terminal mockup.756
02logo cloudFaint single row of customer logos.622
03comparisonWhite table, without vs with Dosu, yellow impact chips.871
04featuresAlternating illustration card left, serif heading and copy right.1,650
05stepsBlack band, vertical three-step rail with visual panels.2,110
06audienceTwo pastel cards with pixel characters, SOC 2 badge.897
07statsDark rising bar blocks with 50%, 2x, 200k+.818
08ctaPixel library scene with candle, pink and grey buttons.641
09footerDark footer, mono links, giant faded wordmark.742

Rating · Home

Visual design8.2

UX & clarity7.3

Originality8.8

Craft & consistency7.6

Motion6.5

Performance & a11y7.7

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

Main colours

Mixed sections·cream background·vivid

Typography

PP Mondwestheading · serif · self-hosted Mona Sansbody · sans · google Jet Brains Monoaccent · mono · self-hosted

Stack & style

Next.js React Tailwind CSS

Editorial Retro Illustration-led Grain / texture Logo cloud Marquee Process steps Review badges Stats band

Also: Vercel, Google Analytics

Design DNA

Parchment-textured beige page with a soft serif display and mono UI labels. The hero is a pixel-art grand library with a small pixel mascot beside a dark terminal window showing the CLI install. Sections alternate illustrated flow diagrams and code snippets with serif two-line headings, a white comparison table with yellow highlight chips, a black 'How does Dosu work?' three-step rail with lime step badges, pink and lilac audience cards with pixel characters, a dark rising-bar stats block and a candle-lit pixel library CTA with neon pink buttons above a footer with a giant faded wordmark.

Worth borrowing

Build the hero around one detailed pixel-art scene that embodies the product metaphor (a library for knowledge).
Show impact as a white table with 'Without / With / Impact' columns and yellow highlight chips.
Render stats as rising dark bars of increasing height, each labelled with a big number.