Bench Accounting
www.bench.co/a small-business bookkeeping service that builds trust with a deep-navy hero, friendly Circular Std type, a soft blue-teal palette and a product mock-up showing real reports and chat support, calm, credible, conversion-focused.
Design tokens
- display
- Circular Std
- body
- Circularstd Book
- mono
- none
Do / Don't
Reference it for
- A local accountant or bookkeeper (or any trust-led service): deep-navy hero, clear benefit headline, proof stats, dual CTA, a product/service mock-up showing the human-plus-software value.
- The soft professional blue-teal palette (#062D60 / #098B8C / #CDDCF2 / #0A5AC2) over off-white as a credible, calm service system.
- Circular Std (or an Inter/Geist-class geometric sans) as a friendly-but-professional single-family type system.
- Trust signals done well: "Trusted by 35,000+", "Featured in", FAQ, partner logos, social proof woven through the page.
- Restrained CSS-native motion: 0.2s in-out-sine colour/background hovers, gentle 0.3s transform reveals, nothing flashy.
Do not copy
- The Bench/Mainstreet product mock-ups, chat bubbles and brand wordmark are their identity; rebuild the device with the client's own service shown.
- Circular Std is licensed; map to Inter, Geist or a similar warm geometric sans.
- The exact navy and the specific proof numbers are Bench's; keep the structure, use the client's real figures.
Signature moves
deep-navy trust hero with dual CTA and product mock-up
a deep-navy hero pairs a clear benefit headline with proof stats and a dual CTA, anchored by a product/service mock-up showing the human-plus-software value, the soft blue-teal palette (navy / teal / pale-blue) over off-white reading calm and credible.
restrained CSS-native hover and reveal discipline
all motion is CSS-native and gentle: 0.2s in-out-sine (cubic-bezier(0.455,0.03,0.515,0.955)) colour/background hovers and 0.3s transform reveals, nothing flashy.
woven trust-signal system
trust is built throughout the page via a proof-stat line, a Featured-in / partner-logo strip, FAQ and social proof rather than one testimonial block.
Related references
Antara Spa
strongBeauty
a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.
Cindy Shu Therapy
strongOther
A solo therapist's site that breathes - vast warm-cream whitespace, a calm teal serif, and a thin vertical line that literally walks you down the page while the copy says "pause, breathe, connect".
Crisp
strongSaas Product
The reference for AI customer-support brand — bespoke Crisp Aeonik Pro, real chat dashboard hero, link-blue underline emphasis, dark navy announcement banner promoting AI agent.
Habito
strongProfessional Services
a friendly digital mortgage broker that softens a heavy financial decision with a fat rounded display face (RightGrotesk Black), warm aurora gradients of blue, lavender and pink, big rounded cards and a single confident blue call-to-action.