Bookmarkify

Item: Bookmarkify
Rating: 7

Visual bookmark manager that keeps saved websites interactive on an infinite canvas.

bookmarkify.io Save page

7.0/10MABTU rating

DESKTOP · 1440 × 11,222/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, persona tiles, orange pill, big app screenshot on orange glow.1,697
02testimonialHEX logo, centred quote with orange highlighted phrase, avatar.
03featuresLeft feature list with screenshot grid column.
04featureCollaboration UI mockup with comment cursors and side panel.1,410
05pricingThree dark cards, monthly/yearly toggle, orange Pro button.919
06faqThin ruled question list, two-column intro.1,131
07ctaCentred heading and orange pill button.1,476
08footerLink columns over a strong orange bottom glow.

Rating · Home

Visual design7.4

UX & clarity7.0

Originality6.4

Craft & consistency7.2

Motion6.0

Performance & a11y7.7

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

Main colours

Light & dark toggle·black background·vivid

Typography

Qanelasheading · font · self-hosted Interbody · sans · self-hosted

Stack & style

GSAP ScrollTrigger Webflow Google Fonts jQuery GSAP

Minimal Dark tech Product-UI-led FAQ accordion Hero video Pricing table Sticky header Tabs Testimonial slider Theme toggle

Also: Google Tag Manager, Cloudflare, Google Analytics

Design DNA

Pure black page with a light-weight white grotesk, centred hero copy and a single orange-red pill CTA. Under the hero, a large app screenshot showing a grid of saved website thumbnails sits on an orange radial glow that fades to black, a device repeated at the footer. A row of five square outlined persona tiles (Design & dev, Marketing, Founders, Teams, Research) acts as a chooser. A centred customer quote highlights key words in orange. Feature blocks pair left-aligned headings with screenshot columns; a team section shows a comment UI; three dark pricing cards use an orange button on the Pro tier.

Worth borrowing

Seat the hero product screenshot on a warm radial glow that bleeds into the next section instead of a hard edge.
Offer a row of small square persona tiles under the headline so visitors self-select a use case.
Highlight only the punchline words of a testimonial in the brand accent colour.