Method

method.me

The reference for QuickBooks-niche B2B CRM — clean deep-navy + royal-blue conservative B2B design with yellow-underline accent and customer-photo-driven testimonials.

Saas Product Quickbooks Crm niche

Design tokens

white
creamLight
lightBlueSurface
lightBlueAlt
navyDeep
navySlate
muteSlate
darkBg
black
royalBlue
white-text-on-dark
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).