Brand Guide
Visual identity standards for Miller Castleton & Flinn.
Colors, typography, and logo usage guidelines.
Logo
The MCF monogram, a Tobacco rule, and the three surnames stacked. It renders from src/components/Logo.astro; passtone for the ground and height for size — the width follows the artwork. Keep clear space of at least the rule's width on every side, and never recolour the rule.
Color Palette
Oxford Blue — Primary
The brand blue. #375A9E is the hex on the brand sheet and carries buttons, links, and eyebrows on light surfaces. The two deep steps are the large dark grounds the Deco layouts sit on; the light step is the hover/lift.
#375A9E--blueBrand primary. Buttons, links, eyebrows on light. Warm White on it = 6.4:1.#4A71BF--blue-lightHover / lift step on dark grounds and gradient tops.#1B2E55--blue-deepMid-dark section grounds (attorney band, callouts).#101C33--blue-deeperDarkest grounds — hero, footer, dark cards.Tobacco — Secondary
The metallic accent. Unlike the old gold, the brand hex itself is AA-safe as text on light surfaces, so it doubles as a text colour. The tints exist because Tobacco is too dark to read against the dark blues.
#8A5A32--tobaccoBrand secondary. AA-safe as TEXT on Warm White = 5.6:1.#D39E73--tobacco-lightAccent on dark grounds — rules, corners, eyebrows, nav underline. Never as text on plain Oxford Blue (2.7:1).#E3BEA1--tobacco-paleHighlights and hover states on dark.Warm White — Tertiary
The page ground and the light text colour on every dark section. Stone is the quiet warm neutral that carries hairlines and sub-deco so they never compete with Tobacco.
#FBF9F5--warm-whiteBase page surface, and light text on dark grounds.#EFEAE0--warm-white-shadeAlternating bands, credential bar, FAQ ground.#61574C--stoneWarm neutral — hairlines, sub-deco diamonds, secondary labels.Text Colors
Ink is blue-tinted rather than neutral black so body copy sits in the same family as the primary.
#171C27--inkBody and headings on light. 16.2:1 on Warm White.#5E6473--ink-mutedSecondary copy on Warm White / white. 5.6:1.#535865--ink-grayMuted copy on Warm White Shade and logo tiles. 6.2:1.Typography
Marcellus
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789
Display
Section Title
Subtitle
Josefin Sans
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789
When legal challenges arise, you need more than just an attorney — you need advocates who understand your community.
Eyebrow / Label Text
FAQ Accordion
Button + chevron accordion. The panel uses .accordion-panel (global.css): a0fr → 1fr grid-row transition keyed on the button's aria-expanded, so the script only flips that attribute. Chevron rotates 180° on open. One item open at a time. Transition: 0.5s ease.
When you contact us, one of our team members will reach out via call or email to start the intake process and check for any conflicts of interest. We make the first step as straightforward as possible.
We focus on family law, personal injury, criminal defense, civil litigation, estate planning, and general business — the full range of legal matters Mid-Valley residents encounter.
We understand legal expenses can be challenging. We work with clients to develop payment arrangements that make quality legal representation accessible when you need it most.