MJD Tools design system

Web Style Guide

A working reference for the Martin J. Donnelly Auctions visual system: colors, typography, buttons, cards, navigation, footer, form controls, and reusable framed box treatments.

Colors

Ink
#17110B

Mahogany
#5A120E

Burgundy
#7A1B14

Antique Gold
#CDA34A

Parchment
#F4E8CF

Paper
#FBF5E7

Typography

Body copy uses Georgia at a generous line height. It should feel editorial and historically aware while staying readable on product, auction, newsletter, and content pages.

H1 / Hero

H2 / Section 34px Georgia Bold

H3 / Card 22px Georgia Bold

EYEBROW / UTILITY 13PX

Components

View Current Auctions Consign Tools

Auction Card

Date, location, catalogue links, listed auction links, and details use this framed editorial card pattern.

Product Card

Books, tools, and parts should share one ecommerce pattern for title, reference details, price, and action.

Form Fields

Full Name

Collection Notes

Send Consignment Inquiry

Box Options

These two treatments come from the attached CSS corner options and are now reusable Bricks global classes: mjd-card-option-01 and mjd-card-option-02.

Option 01

Simple Double-Line Card

The safest starting point: outer border, inset border, parchment texture, and subtle shadow.

View Auction Details

Option 02

Stepped Corner Frame

Uses clip-path on the inner border to create a more antique cut-corner frame.

View Auction Details