Tonemaki

Item: Tonemaki
Rating: 7

Kinetic identity systems: strategy, art direction, 3D, motion and web.

tonemaki.com Save page

7.0/10MABTU rating

Home

Work

Gif-Maker

DESKTOP · 1440 × 13,317/ ↗

MOBILE · 390

Section outline · Home

01headerLEAVE GENERIC DESIGN BEHIND.844
02logo cloud207
03features grid1,960
04features gridDISCOVER WHAT'S MISSING IN YOUR BRAND.1,406
05features gridLOOK SHARP. WIN MORE.1,541
06portfolioWHAT NOW?938
07features gridHOW, YOU ASK?1,083
08features gridHOW WE ROLL1,266
09pricingOUR PACKAGES1,430
10testimonialsOUR SPOTLIGHT859
11faqGOT QUESTIONS?795
12footerCOFFEE OR SAKE?1,915

Rating · Home

Visual design7.1

UX & clarity7.0

Originality6.6

Craft & consistency7.0

Motion6.5

Performance & a11y8.0

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

Main colours

Mixed sections·cream background·vivid

Typography

Tonemakiheading · font · self-hosted Tonemakibody · font · self-hosted

Stack & style

Splide Astro GSAP GSAP ScrollTrigger Lenis Webflow Lottie Spline Three.js

Bold typography Playful 3D Bento grid FAQ accordion Logo cloud Marquee Parallax Pinned sections Pricing table Process steps Smooth scroll Sticky header Tabs Testimonial slider

Also: Google Tag Manager, Cloudflare

Design DNA

A black hero with chunky coral and cream display type and a 3D lucky-cat mascot gives way to a cream page of rounded 3D-rendered cards: a big START button, a cauldron with a Japanese scroll, service tiles for branding, web, 2D, 3D and motion, three process cards, a tag marquee, three pricing plans, testimonials and a FAQ ending on a giant TONEMAKI wordmark.