Method
method.meThe reference for QuickBooks-niche B2B CRM — clean deep-navy + royal-blue conservative B2B design with yellow-underline accent and customer-photo-driven testimonials.
Design tokens
- display
- 'Source Sans Pro', sans-serif
- body
- 'Source Sans Pro', sans-serif
- mono
- (none on homepage)
Do / Don't
Reference it for
- Light-mode-dominant page with single dark closing CTA card
- Royal blue #0d71c8 primary CTA + deep navy #0f1b31 text
- Yellow highlighter underline on key H1 emphasis word
- Source Sans Pro single-family at four weights (free Adobe Open Source)
- Limited-time-offer announcement bar at top with countdown urgency
- 5-star rating chip above hero ("Rated #1 QuickBooks CRM")
- 3-stat row below hero CTA (Users / Estimates / Years) with specific large numbers
- Customer photo + chat-card overlay as hero illustration
Do not copy
- The Source Sans Pro single-family — over-used in 2010s SaaS
- The Method-specific customer attributions (Henry Taylor, Container One)
- The "QuickBooks" integration mentions — Method-specific
- The "Save 20% when you bring the team" limited-time offer
- The Method logotype
- The yellow highlighter accent without a brand-appropriate hue substitute
- AOS library — replace with native IntersectionObserver
- Unbounce + Intercom + Vimeo + Segment + 12 analytics integrations — usually overkill
Signature moves
light-dominant page with single dark CTA card
a light-mode-dominant page closes with one dark CTA card, anchored by a royal-blue (#0d71c8) primary and deep-navy (#0f1b31) text, plus a yellow highlighter underline on the key H1 word.
proof-stacked hero with attribution
a 5-star rating chip above the hero, a 3-stat row (Users/Estimates/Years) below the CTA, and customer-video-cards with quote callouts and specific photo+name+company attribution.
asymmetric soft-bottom card radius
card containers use an asymmetric 0 9px 9px radius (soft bottom corners only) within a wider radius scale (6/7/15/20/25px, pillSoft 70px).
Related references
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.
Mailchimp
flagshipMarketing Platform
a post-Intuit-acquisition Mailchimp site where the iconic Cavendish-yellow `#ffe01b`, the dark-teal `#004e56`, and the Freddie chimp mascot all survive intact - now paired with Graphik Web for body, Means Web for serif accents, and a springy overshoot cubic-bezier (`0.5, 2.5, 0.7, 0.7`) at 0.3s that gives every interaction its characteristic bounce.
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.
Beehiiv
strongMarketing Platform
The reference for newsletter / creator-platform brands with all-caps section H2 discipline — dark navy + magenta accent + ClashGrotesk display, real publisher logos from TIME / Newsweek / Adobe.