Design System
Every color, text style, and component used across this template — change a style once and it updates everywhere.
Colors
Main
#3B89FF
Hover
#3B4EFF
Dark
#171717
Black
#212121
Body
#555555
Light Blue
#84B7DD
Dark 80%
#171717 · 80%
White
#FFFFFF
White 75%
#FFFFFF · 75%
White 16%
#FFFFFF · 16%
Typography
Hero Title — Quicksand 500 · 64px
Your pet deserves spa day
Section Title — Quicksand 700 · 46px
Veterinary care tailored to your pet’s needs
Section Label — Quicksand 500 · 26px
Services we provide
Lead — Quicksand 500 · 26px
From checkups to treatments, we provide attentive, compassionate care.
Subtitle — Quicksand 500 · 22px
Your pet is safe in our caring hands
Body Large — Quicksand 500 · 18px
Over 1,600 happy pets served across the city.
Body Text — Quicksand 500 · 16px
We’re a small team of certified groomers who genuinely love this work.
Small Text — Funnel Display 400 · 14px
Copyright & design by Pawvida
Handwritten — Gloria Hallelujah 400 · 14px
Pet Care Specialist
Article H2 — Quicksand 700 · 30px
Article Heading Two
Article H3 — Quicksand 600 · 24px
Article Heading Three
Article H4 — Quicksand 600 · 20px
Article Heading Four
Article Body — Quicksand 500 · 17px
Blog posts use this style for body copy. It keeps long-form reading comfortable with a relaxed line height.
![](data:image/svg+xml,<svg display="block" id="3665201877" role="presentation" viewBox="0 0 21 19" xmlns="http://www.w3.org/2000/svg"><path d="M 19.765 5.507 C 19.533 4.968 19.149 4.58 18.653 4.384 L 18.647 4.382 C 18.421 4.295 18.181 4.251 17.938 4.251 L 17.912 4.251 C 16.777 4.268 15.618 5.214 15.029 6.605 C 14.597 7.623 14.547 8.717 14.896 9.533 C 15.127 10.072 15.512 10.461 16.01 10.656 L 16.016 10.659 C 16.241 10.745 16.481 10.789 16.724 10.789 C 17.87 10.789 19.041 9.843 19.641 8.433 C 20.067 7.417 20.114 6.324 19.765 5.507 Z M 15.23 11.509 C 14.575 11.123 13.956 10.758 13.552 10.103 C 12.437 8.288 11.764 7.193 9.998 7.193 C 8.233 7.193 7.558 8.288 6.441 10.103 C 6.036 10.759 5.416 11.124 4.759 11.512 C 4.006 11.956 3.228 12.414 2.892 13.316 C 2.762 13.642 2.696 13.988 2.698 14.338 C 2.698 15.807 3.865 17.002 5.298 17.002 C 6.038 17.002 6.825 16.751 7.658 16.485 C 8.459 16.229 9.287 15.965 10.003 15.965 C 10.718 15.965 11.544 16.229 12.342 16.485 C 13.173 16.749 13.957 17.001 14.698 17.001 C 16.13 17.001 17.294 15.806 17.294 14.336 C 17.295 13.987 17.228 13.64 17.096 13.315 C 16.761 12.412 15.982 11.953 15.23 11.509 Z M 5.582 5.757 C 6.078 6.367 6.707 6.703 7.353 6.703 C 7.442 6.703 7.53 6.696 7.617 6.684 C 8.966 6.489 9.806 4.875 9.531 3.006 C 9.415 2.22 9.107 1.488 8.665 0.945 C 8.17 0.336 7.54 0.001 6.894 0.001 C 6.806 0.001 6.717 0.007 6.63 0.02 C 5.281 0.215 4.441 1.829 4.717 3.698 C 4.832 4.483 5.14 5.214 5.582 5.757 Z M 12.38 6.684 C 12.467 6.696 12.556 6.703 12.644 6.703 C 13.291 6.703 13.92 6.367 14.416 5.757 C 14.857 5.214 15.163 4.483 15.28 3.697 C 15.556 1.829 14.716 0.215 13.367 0.019 C 13.279 0.006 13.191 0 13.103 0 C 12.457 0.001 11.827 0.336 11.332 0.945 C 10.89 1.488 10.582 2.22 10.467 3.006 C 10.191 4.875 11.031 6.489 12.38 6.684 Z M 3.981 10.659 L 3.987 10.656 C 4.484 10.461 4.869 10.073 5.099 9.533 C 5.448 8.716 5.399 7.623 4.968 6.605 C 4.371 5.197 3.201 4.251 2.056 4.251 C 1.814 4.25 1.573 4.295 1.348 4.382 L 1.342 4.384 C 0.846 4.578 0.461 4.968 0.231 5.507 C -0.118 6.324 -0.069 7.417 0.362 8.435 C 0.959 9.843 2.13 10.789 3.274 10.789 C 3.516 10.789 3.756 10.745 3.981 10.659 Z" fill="rgb(255, 255, 255)" height="17.002451923076926px" id="QbQqzPVwH" transform="translate(0 1) rotate(17 9.999 8.501)" width="19.997237721511414px"/></svg>)
Pet Care Specialist
Rigel Apex
Meet the pet care specialist behind your pet’s happiness
