Every Addason Digital build has access to the full toolkit below. Drop-in Awwwards-tier motion, extracted design systems from any URL in ~7 seconds, and 20 curated theme packs. Hover, click, scroll — everything on this page is live.
Each card below is a working demo. Hover, click, or just watch — they ship with every build.
Most DIY sites break all three. We wire them in from day one.
Every element sits on a base-8 grid. Padding, gap, margin, icon size — all multiples of 8px. When spacing is consistent, the design feels intentional. When it's not, something feels off but nobody can say why.
A modular scale (Major Third: 1.25×, or Perfect Fourth: 1.333×) between every size step. No arbitrary 17px or 23px — just a mathematical ratio that creates visual harmony. Five named sizes: sm, base, lg, xl, display.
Three roles: Neutral (90% of surface), Accent (branded color, used sparingly for emphasis), Action (CTA only — one per page). Violating this is the single biggest reason DIY sites look cheap even with good photos.
Each card is a live demo. The name at the bottom is the real font — demos use the closest Google Fonts alternative where the original is paid.
Exact hex values. Drop either pair into a project and the contrast, warmth, and energy are already dialed in.
Six ways to use Claude that go beyond writing copy. These turn the model into a technical design partner — not just a chatbot.
Paste a URL. We run Chromium against it and return colors, fonts, spacing, shadows, components — 9 output files. Score is out of 100 based on 5 categories: palette discipline (25), type scale (25), typography (20), WCAG contrast (20), spacing rhythm (10).
node scripts/extract-design.mjs --url=...Each pack includes a full color system, typography pairing, and component styling. During onboarding we pick one (or combine two) and use it as the base for your remaster.
Clients and editors all use the same language. Each term in your editor sidebar maps 1:1 to a real piece of your page — here's what each one is.
/contact/
Every tool below is free or freemium. These are the ones that actually move the needle on visual quality — not just noise.