Inside the Spellbook website design
Spellbook is an AI website built with Webflow and GSAP. Its pages are built from hero, features, product demo, safety, blog, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Arizona Mix (display text and headings) and Soehne (body text). Colours: background #0E1315, text #000000, main buttons #F94D1E, surface #FFFFFF.
Spellbook is the #1 AI contract review platform for transactional lawyers. It uses GPT-5, Claude, and other LLMs to help legal teams draft and review contracts 10x faster, with greater precision—right in Microsoft Word Its visual style is editorial, corporate, and minimal, with announcement bar, navigation bar, and hero with background imagery among its components.
Why we picked it
A dark hero with a corporate skyscraper photo and a dense grid of recognisable client logos signal credibility straight away, reassuring legal buyers before any feature talk. Below, a plain chat interface screenshot and client quote videos break up the page into short, easy to scan chapters rather than one long sales pitch.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Product Demo: the product doing real work, not a sizzle reel
- Safety: specific protections named in plain words
Questions designers ask
What fonts does Spellbook use?
Spellbook uses Arizona Mix for display text and headings, and Soehne for body text, measured from the captured page's CSS.
What is the Spellbook website built with?
The Spellbook website is built with Webflow and GSAP, detected when the page was captured.
What colours does the Spellbook website use?
Measured from the captured page's CSS, the Spellbook website uses #0E1315 for the background, #000000 for text, #F94D1E for main buttons, and #FFFFFF for surfaces.
What sections does the Spellbook website have?
The Spellbook website includes hero, features, product demo, safety, blog, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
