Color Palette
Botanical Noir — 7 Colors
Midnight Indigo
#28293f
Moss Green
#4B5335
Warm Linen
#F9F7F2
Slate Blue
#28293f
Charcoal Ash
#2D3132
Soft Sage
#7D8B73
Antique Gold
#b28467
Typography Scale
Playfair Display (serif) + Montserrat (sans-serif)
H1 — Serif, Midnight Indigo
Compassionate Care for Your Cat
H2 — Serif, Midnight Indigo
A Gentle Farewell at Home
H3 — Serif, Moss Green
Our Approach to End-of-Life Care
H4 — Serif, Moss Green
Quality of Life Assessment
Body — Sans-serif, Charcoal Ash
Every cat deserves to spend their final moments in a place of comfort and peace. At Soulcat, we bring veterinary care to your home so your beloved companion can rest in familiar surroundings, free from the stress of travel. Our gentle approach honors the bond you share.
Small — Sans-serif
Dr. Louise Mesher brings more than 25 years of compassionate veterinary experience to every visit.
Button Showcase
Outlined Primary Style
On Light Background
On Dark Background
Fern Motif Gallery
PNW Botanical Assets
Natural Fern (Photo)
Hero / atmospheric use
Gold Fern — Centered
Emblem / accent use
Gold Fern — Left Aligned
Section divider / decorative
Four Ferns
Illustration / multi-use
Fern Texture Demo
Seamless tile at ~7% opacity
This section uses the fern-texture
class to apply the seamless fern tile pattern as a subtle background. The texture adds organic
warmth without affecting text readability. Notice how the fern pattern repeats seamlessly and
the text remains crisp and fully legible at the ~7% opacity level.
At Soulcat, we believe that every detail of your cat's farewell should feel as natural and peaceful as the forests of the Pacific Northwest. This texture evokes that connection to nature.
Dark Section Demo
Midnight Indigo Background
Dark sections use Warm Linen text on Midnight Indigo backgrounds. This high-contrast pairing provides excellent readability and a premium, contemplative feel consistent with the Botanical Noir aesthetic.
Antique Gold accents are used sparingly on dark backgrounds — for dividers, decorative elements, and premium highlights. The gold fern motif serves as a gentle emblem.
Slate Blue Info Block
Informational Section Styling
Slate Blue (#28293f) is used for informational blocks and sidebar backgrounds. It provides a calm, neutral mid-tone that bridges the dark Midnight Indigo and light Warm Linen sections.
This color works well for supplementary information, callout boxes, and secondary content areas where a softer contrast than Midnight Indigo is desired.
Responsive Test Notes
Verification Checklist
Mobile viewport (< 768px): Bottom navigation bar should be visible at the bottom of the screen with Home, Services, About, and Contact items. The header phone icon should be tappable. Desktop nav links should be hidden.
Desktop viewport (≥ 768px): Bottom navigation bar should be hidden. Header should show full navigation links and the phone number with text. Content should not have extra bottom padding.
Content overlap check: Scroll to the bottom of this page on mobile. This text and the section below should not be obscured by the fixed bottom navigation bar.