SayBriefly

Item: SayBriefly
Rating: 7.8

Turns meetings and messages into briefs and flags scope creep for freelancers.

saybriefly.com Save page

7.8/10MABTU rating

DESKTOP · 1440 × 20,673/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, download button, large line-art crowd scene2,553
02feature bandGreen band, giant lime type, four feature columns
03featuresDoodle icon row and copy
04featureScope alert and transcript UI in coral cards
05statsHighlighter number, brush scribble
06featureAgent chat UI with prompt pills
07statsIllustration and download button
08featureMeeting metrics UI on yellow panel
09statsPeace-sign illustration and scribbles
10featureOrange voice waveform card1,044
11comparisonTable versus Granola, ChatGPT, others
12testimonialsLarge centred quote with scribble
13ctaAqua card with target illustration
14footerGiant wordmark over line-art crowd

Rating · Home

Visual design8.2

UX & clarity6.8

Originality8.8

Craft & consistency7.5

Motion6.5

Performance & a11y7.7

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

Main colours

Light·off white background·vivid

Typography

Bricolage Grotesqueheading · sans · google Interbody · sans · self-hosted

Stack & style

Astro Google Fonts Tailwind CSS

Bold typography Playful Illustration-led Tabs Testimonial slider

Also: Cloudflare

Design DNA

Warm off-white page with a heavy rounded grotesk for headlines, tiny mono eyebrow tags on lime chips and a deep forest green (#0f3b12) as the dark surface. Black ink line illustrations of freelancers, desks and doodled objects fill hero and dividers, with a single coloured character (red hair, pink laptop). Fat yellow and mint brush-stroke scribbles sweep across sections. Highlighted phrases use yellow or lime marker blocks. A giant lime 'summaries highlights and briefs' type block sits on green, product UI appears in coral cards, and a comparison table uses coral dots and small yellow pills.

Worth borrowing

Sweep a thick yellow brush-stroke scribble across section boundaries to lead the eye down a long page.
Keep line illustrations black ink and colour only the hero character so she reads as the user.
Put key numbers inside a highlighter block ('$3,000+', '54% of people') instead of a stats band.