Internal Reference
Design system for Weston Insurance Agency. Update this page whenever new tokens or patterns are added. Font: Open Sans.
bg-brand / text-brandbg-brand-darkbg-brand-lightbg-accent / text-accentbg-accent-darkH1 — HeroYour trusted local insurance partner
text-4xl lg:text-5xl font-bold text-brand leading-tightH2 — SectionInsurance solutions for Minnesota families
text-3xl font-bold text-brandH3 — CardAuto Insurance
text-xl font-semibold text-brandLead paragraphProtecting Burnsville families and businesses with personalized solutions.
text-lg text-gray-600 leading-relaxedBodyProtect your vehicle from Minnesota winters and Twin Cities traffic.
text-base text-gray-600 leading-relaxedSmall / captionA Farmers Insurance Agency
text-sm text-gray-500Primary: bg-accent → hover:bg-accent-dark · Secondary: border-2 border-brand → hover:bg-brand
Used on the blue contact section. Body text uses text-blue-100.
Container — max-w-7xl mx-auto px-4 sm:px-6 lg:px-8Section rhythm — py-16 (hero: py-16 lg:py-24)Card radius — rounded-lg; badges rounded-fullGrid gap — gap-6 (cards), gap-12 (two-col layouts)