Asuric — Style Guide
Colors
The Asuric palette is built on two brand greens, a near-black text color, and two neutral surface tones.
Brand Colors
Primary
#00281D
--color--primary
Secondary
#C2EA91
--color--secondary
Desaturated Green
#C2E2BD
--color--desaturated-green
Neutral Colors
Text
#010101
--color--text-color
Background
#F1F3F0
--color--bg-color
Border
#D8D8D5
--color--border
Typography
Primary Font
Inter — Body, UI, headings
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Secondary Font
Playfair Display — Italic accents & highlights
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Type Scale
H1 Heading
48px / 500H2 Heading
38px / 500H3 Heading
30px / 500H4 Heading
26px / 500Body paragraph — 20px regular. Insurance is a financial safety net that protects you.
Small paragraph — 16px regular. Used for captions, labels, and secondary text.
Highlight Variant
Meet Our Agents
Apply .highlight to a <span> inside any heading to switch to Playfair Display italic.
Badges & Tags
Section Subtitle
Our Services
Blog Category
HealthChangelog Tags
Added Fixed Improved Changed
License Badge
MITComponents
Section Heading Block
Our Services
We Protect What Matters Most
Comprehensive insurance solutions tailored to every stage of life.
Agent Card
Michael Thompson
Sr. Insurance Advisor
Blog Card
Health 
Choose the Right Health Insurance for Your Family
Your family's health is your most precious asset.
David Morison
Oct 18, 2025