Strut

Item: Strut
Rating: 7.8

AI workspace and notebook for long-form writing.

7.8/10MABTU rating

DESKTOP · 1440 × 10,815/ ↗

MOBILE · 390

Section outline · Home

01heroHeadline left, paper collage photo right912
02processFour steps list694
03productBlack band with editor UI1,171
04bentoColour tiles of workflow stages1,139
05statsBlack strip with big italic number246
06toolsThree bordered tool cards738
07blogThree duotone article images1,517
08audienceEight-cell hairline grid891
09principlesFour-column hairline grid673
10faqAccordion rows862
11ctaLime band with buttons
12footerBlack, many link columns

Rating · Home

Visual design8.2

UX & clarity7.8

Originality7.8

Craft & consistency8.0

Motion6.0

Performance & a11y8.0

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

Main colours

Mixed sections·cream background·vivid

Typography

Manropeheading · sans · self-hosted Manropebody · sans · self-hosted DM Monoaccent · mono · google

Stack & style

Google Fonts

Bold typography Editorial Bento Product-UI-led Bento grid FAQ accordion Floating CTA Live chat Sticky header

Also: Cloudflare

Design DNA

Warm off-white with black bands, one acid lime accent and occasional violet, orange and sky tiles. Headlines are tightly tracked grotesque with one or two words switched to italic serif. The hero pairs a left-aligned headline with a photo collage of paper notes, a pencil and a lime scribble. Sections alternate: a four-step list, a black band with the editor UI, a colour bento of the workflow, an audience grid with hairline borders, a black stat strip, tool cards, three duotone article images, FAQ rows and a lime CTA into a black footer.

Worth borrowing

Swap one or two words of each grotesque headline into an italic serif for a writerly voice.
Illustrate an AI product with photographed paper collages instead of glowing abstractions.
Build audience and principle grids as hairline-bordered tables of four columns.