Spellbook

Item: Spellbook
Rating: 7.5

AI contract review and drafting for in-house teams and law firms.

spellbook.com Save page

7.5/10MABTU rating

DESKTOP · 1440 × 11,899/ ↗

MOBILE · 390

Section outline · Home

01heroLeft serif headline, full-width port photo with caption carousel80
02logosBordered four-column logo grid1,449
03processThree dark UI cards: intake, review, insight986
04testimonialWhite Dropbox quote card620
05featureVermilion panel with review UI852
06featureGreen panel with drafting UI853
07featureVideo with presenter1,051
08quoteCentred serif partner quote with keyboard shortcut chips444
09featureElectric blue split panel542
10featureYellow panel with benchmark card853
11testimonialVideo still with serif quote605
12benefitsThree icon points: worldwide, tuned, Word and Docs479
13securityWhite band with dot-matrix pattern568
14case studiesThree portrait photo cards982
15ctaDark form with email, role and name808
16footerNewsletter field and link columns728

Rating · Home

Visual design8.2

UX & clarity7.8

Originality7.6

Craft & consistency8.0

Motion6.0

Performance & a11y7.7

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

Main colours

Dark·black background·vivid

Typography

Soehneheading · font · self-hosted Soehnebody · font · self-hosted Arizona Mixaccent · font · self-hosted

Stack & style

Webflow jQuery Bootstrap Swiper

Minimal Editorial Corporate / clean Photography-led Dark tech Product-UI-led Hero carousel Live chat Logo cloud Process steps Stats band Sticky header

Also: Intercom, HubSpot, reCAPTCHA, Hotjar, Meta Pixel, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

Near-black canvas with a light-weight serif display face for all headlines and a small grotesk for body and labels. The hero sets a left-aligned headline over a full-width photo of a container port, with a rating and case-study caption carousel. Customer logos sit in a bordered four-column grid. A three-step Intake, Review, Insight row uses dark UI cards. Each capability then gets a heading with a small white outline button and a wide panel in a flat saturated colour (vermilion, green, electric blue, yellow) holding a white product window over document texture. A white security band with a dot-matrix pattern, photo case-study cards and a form CTA follow.

Worth borrowing

Give every feature its own flat saturated colour panel while the page chrome stays black.
Light serif display headlines on black for a legal, editorial tone in a tech product.
Customer logos in a bordered grid of equal cells instead of a floating strip.