# JM&A Group

> `jma-group@1.0.0`

JM&A Group, a JM Family Enterprises company, provides finance and insurance products, performance-development services, and training programs to automotive dealerships across North America. Tagline: "Your Partner for Dealership Growth & Success." The visual identity is light-corporate: the JM&A wordmark in near-black with a single signature teal (#008D9A) as the brand-card accent, set against white surfaces. Typography mirrors the parent JMFE corporate face (Proxima Nova) until a JM&A-specific spec is supplied.


**Tags:** `automotive`, `finance-and-insurance`, `dealer-services`, `jmfe`, `jma`, `teal`, `light-first`

## Atoms

### Palette

**JM&A Group** · `jma-group@1.0.0` · Proprietary — All Rights Reserved

> JM&A Group palette built around the brand teal (#008D9A) seen in the official wordmark, paired with near-black and white. The teal is one shade off the parent JMFE corporate teal (#008C99) — the same family identity at finer resolution. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Proxima Nova** `(proxima-nova@1.0.0)` | Adobe Fonts subscription — licensed for web embedding via Adobe Fonts kit | sans-serif |
| `body` | **Proxima Nova** `(proxima-nova@1.0.0)` | Adobe Fonts subscription — licensed for web embedding via Adobe Fonts kit | sans-serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `jma-teal` | JM&A Teal (primary) | `#008D9A` |
| `jma-teal-deep` | JM&A Teal Deep | `#00707A` |
| `jma-teal-light` | JM&A Teal Light | `#B8E2E6` |
| `jma-onyx` | JM&A Onyx | `#010101` |
| `jma-graphite` | JM&A Graphite | `#2A2D31` |
| `jma-slate` | JM&A Slate | `#5A6470` |
| `jma-fog` | JM&A Fog | `#E6ECF0` |
| `jma-white` | JM&A White | `#FFFFFF` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `jma-white` | `#FFFFFF` |
| `surface` | `jma-fog` | `#E6ECF0` |
| `surface-elevated` | `jma-teal-light` | `#B8E2E6` |
| `text-primary` | `jma-onyx` | `#010101` |
| `text-secondary` | `jma-graphite` | `#2A2D31` |
| `text-tertiary` | `jma-slate` | `#5A6470` |
| `primary` | `jma-teal` | `#008D9A` |
| `primary-hover` | `jma-teal-deep` | `#00707A` |
| `accent` | `jma-teal` | `#008D9A` |
| `success` | `jma-teal-deep` | `#00707A` |
| `warning` | `jma-teal` | `#008D9A` |
| `error` | `jma-onyx` | `#010101` |
| `info` | `jma-teal` | `#008D9A` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `jma-onyx` | `#010101` |
| `surface` | `jma-graphite` | `#2A2D31` |
| `surface-elevated` | `jma-slate` | `#5A6470` |
| `text-primary` | `jma-white` | `#FFFFFF` |
| `text-secondary` | `jma-fog` | `#E6ECF0` |
| `text-tertiary` | `jma-teal-light` | `#B8E2E6` |
| `primary` | `jma-teal-light` | `#B8E2E6` |
| `primary-hover` | `jma-teal` | `#008D9A` |
| `accent` | `jma-teal-light` | `#B8E2E6` |
| `success` | `jma-teal-light` | `#B8E2E6` |
| `warning` | `jma-teal-light` | `#B8E2E6` |
| `error` | `jma-fog` | `#E6ECF0` |
| `info` | `jma-teal-light` | `#B8E2E6` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `jma-white` | `#FFFFFF` |
| `on-identity` | `jma-onyx` | `#010101` |
| `primary` | `jma-teal` | `#008D9A` |
| `primary-hover` | `jma-teal-deep` | `#00707A` |
| `accent` | `jma-teal` | `#008D9A` |
| `mark` | `jma-onyx` | `#010101` |
| `text-primary-light` | `jma-onyx` | `#010101` |
| `text-primary-dark` | `jma-white` | `#FFFFFF` |
| `background-light` | `jma-white` | `#FFFFFF` |
| `background-dark` | `jma-onyx` | `#010101` |
| `surface-light` | `jma-fog` | `#E6ECF0` |
| `surface-dark` | `jma-graphite` | `#2A2D31` |
| `border-light` | `jma-teal-light` | `#B8E2E6` |

### Typography

| Role | Font role key |
|------|---------------|
| `display` | `heading` |
| `prose` | `body` |
| `code` | `mono` |

## Rules

### 🛑 error (5)

#### `contrastRatio` → `text-primary`

- **against:** `background`
- **minRatio:** `4.5`
- **standard:** `WCAG-AA`

> JM&A Onyx (#010101) on JM&A White (#FFFFFF) measures ~21:1, decisively clearing the AA 4.5:1 floor. The dealer-services audience consumes JM&A content as long-form training material, finance product sheets, and operations dashboards; AA is the standing requirement, and the deployed wordmark composition already satisfies it. 

#### `colorChoice` → `roles.colors.primary`

- **allowed:** jma-teal, jma-teal-deep
- **forbidden:** jma-fog, jma-graphite, jma-slate, jma-teal-light

> The JM&A primary teal is the SVG-extracted #008D9A. The deeper sibling (#00707A) covers hover and pressed states. Lighter teals and the supporting gray scale are surface and meta-text tools — they must never substitute for the primary brand action color, which is what carries JM&A's recognition against the parent JMFE family of teals. 

#### `colorChoice` → `roles.colors.mark`

- **allowed:** jma-onyx, jma-white
- **forbidden:** jma-teal, jma-teal-deep, jma-teal-light, jma-fog, jma-graphite

> The wordmark fill is near-black on light surfaces and white when reversed — the teal is the ampersand-accent stroke INSIDE the wordmark, not a fill recolor for the wordmark itself. Recoloring the wordmark in teal collapses the designed contrast between the lettering and the accent detail. 

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo, outlined-only

> The JM&A Group horizontal wordmark is a registered mark. Stretched, rotated, recolored, or gradient-filled reproductions are not permitted; only the official two-color treatment (onyx wordmark + teal accent on a clean surface) ships in JMFE-approved deliverables. 

#### `accessibilityRequirement` → `*`

- **standard:** `WCAG-AA`
- **criterion:** `1.4.3`

> WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum — Level AA). JM&A's dealer-services content includes finance and insurance documentation that must remain legible across mobile devices, dealership terminals, and printed training materials. AA is the documented JMFE-family compliance target. 

### 💡 recommendation (1)

#### `compositionConstraint` → `roles.colors.primary`

- **pairsWith:** jma-white, jma-fog, jma-onyx
- **doesNotPairWith:** toyota-red, jmfe-signal-yellow, jmfe-terracotta

> JM&A teal reads cleanest on the white / fog / onyx scale. Pairing it adjacent to Toyota Red or the JMFE signal-yellow breaks the JMFE family ladder — JM&A is the cool-teal sibling, not a red or yellow sibling. 

## Provenance

- **Source:** <https://www.jmagroup.com/>
- **License:** `Proprietary — All Rights Reserved`
- **Attribution:** JM&A Group — a JM Family Enterprises company. The JM&A wordmark, teal hue, and all derivative dealer-facing identity belong to JM Family Enterprises, Inc. Identity values verified from the official horizontal-wordmark SVG hosted at jmagroup.com/hubfs/identity/logos/jma-logo-horizontal-fc.svg. 
- **Imported:** `2026-05-19`
- **Notes:** 1.0.0 audit upgrade of jma-group@0.1.0 — preserves the original wordmark-derived palette (jma-teal + onyx + supporting fog), adds identity / on-identity roles for the white brand-card canvas the wordmark sits on, and expands the rules block from 2 to 6 typed entries grounded in the wordmark SVG and the parent JMFE corporate identity. The 0.1.0 spec remains the historical baseline; consumers using <jma-group@1> resolve here. 

---

*Generated by the brand-atoms converter. Source: `jma-group@1.0.0` from the encyclopedia.*