Fibery

Item: Fibery
Rating: 7.7

Connected work platform with databases, docs, whiteboards and AI for whole organisations.

7.7/10MABTU rating

DESKTOP · 1440 × 11,269/ ↗

MOBILE · 390

Section outline · Home

01heroHeavy headline left, product UI screenshot right653
02storyIsometric pixel islands with mascot
03storyMerged isometric city, team labels, org type chips
04testimonialsTan quote card with handwritten caption
05templatesSteel-blue band with scrolling pill rows625
06featuresMascot architect illustration, database and views UI cards1,481
07featuresQuote cards with architect mode toggle
08featuresDocs, whiteboards, search, mobile cards1,324
09featuresAI chat UI with mascot and strategy map944
10integrationsPeach band, isometric truck, connector icon grids585
11supportBlue card with avatars and quote1,758
12changelogQuotes beside dated update list
13ctaCentred heading, two buttons, quote
14footerCream, six link columns

Rating · Home

Visual design8.3

UX & clarity7.0

Originality9.0

Craft & consistency8.0

Motion6.0

Performance & a11y7.7

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

Main colours

Light·coloured background·muted

Typography

Suisse Intlheading · sans · self-hosted Suisse Intlbody · sans · self-hosted

Stack & style

Next.js React

Editorial Playful Illustration-led Product-UI-led Bento grid Hero video Logo cloud Marquee Process steps Sticky header Transparent header

Design DNA

Warm cream and peach canvas with a heavy black grotesk for headlines, orange italic serif captions set like handwritten margin notes, and rounded tan cards with large quote marks. Isometric pixel-art cityscapes show scattered tools as separate islands, then merged into one dense city. A sketchy line-drawn dog mascot appears beside sections in different poses. Templates scroll as pill rows on a steel-blue band; product modules (databases, views, docs, whiteboards, search, AI) sit in cream cards with real UI. Integration icons, a blue support card with avatars and a changelog-style 'we will annoy you' block keep the tone self-deprecating.

Worth borrowing

Tell the before/after story with two isometric pixel-art cities: scattered tool islands, then one connected city.
Caption product cards with a small orange italic serif nickname in the corner (The Core, The Face).
Use a line-drawn mascot in different poses as section punctuation instead of icons.