W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
JM Family Enterprises
JM Family Enterprises, Inc. — founded in 1968 by Jim Moran and headquartered in Deerfield Beach, Florida — is a privately held diversified company with annual revenue of $24.7 billion and over 5,500 associates. JMFE is the parent of Southeast Toyota Distributors (the world's largest independent Toyota distributor), Southeast Toyota Finance, JM&A Group, JM Lexus, and World Omni Financial. Voice: "World-Class Workplace." Visual identity is professional and corporate: deep teal primary, heritage gold and signal-yellow accents, a deep blue-black ink, set on a white light-first canvas. Display copy in Freight Text Pro pairs with Proxima Nova body — both visible on jmfamily.com.
1 palette 3 fonts 0 assets 7 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/jmfamily-enterprises/1.0.0/json/brand.json
and apply its role mappings (primary, accent, identity, etc.),
reference the fonts in references.fonts, and honor every rule where
severity is "error". Surface any deviation you choose to make.Downloads
All converter outputs for [email protected]. Served from
/dist/brands/jmfamily-enterprises/1.0.0/.
JSON
1 filePlain JSON mirror of the resolved brand — palette, fonts, roles, rules.
CSS variables
1 fileCSS custom properties on :root with prefers-color-scheme dark.
SCSS
1 fileSCSS variables + Sass maps for swatches, roles, and fonts.
Tailwind config
1 fileTailwind v3 theme.extend.colors + fontFamily.
Figma Tokens
1 fileFigma Tokens plugin JSON (Tokens Studio compatible).
Swift
1 fileSwift enums for SwiftUI / UIKit color + font tokens.
Kotlin / Compose
1 fileKotlin objects for Jetpack Compose color + typography tokens.
Markdown guide
1 fileHuman-readable brand guide. Same source as the on-page Brand Guide.
Brand Guide
Inline rendering of the Markdown brand guide. Same source as the
markdown/brand-guide.md download.
JM Family Enterprises
JM Family Enterprises, Inc. — founded in 1968 by Jim Moran and headquartered in Deerfield Beach, Florida — is a privately held diversified company with annual revenue of $24.7 billion and over 5,500 associates. JMFE is the parent of Southeast Toyota Distributors (the world's largest independent Toyota distributor), Southeast Toyota Finance, JM&A Group, JM Lexus, and World Omni Financial. Voice: "World-Class Workplace." Visual identity is professional and corporate: deep teal primary, heritage gold and signal-yellow accents, a deep blue-black ink, set on a white light-first canvas. Display copy in Freight Text Pro pairs with Proxima Nova body — both visible on jmfamily.com.
Tags: corporate, parent-company, automotive, finance, jmfe, teal, light-first
Atoms
Palette
JM Family Enterprises · [email protected] · Proprietary — All Rights Reserved
Corporate palette for JM Family Enterprises, anchored on a deep teal primary with warm gold and signal-yellow accents. Extracted directly from the live jmfamily.com theme stylesheet.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Freight Text Pro ([email protected]) |
Adobe Fonts subscription — licensed for web embedding via Adobe Fonts kit | serif |
body |
Proxima Nova ([email protected]) |
Adobe Fonts subscription — licensed for web embedding via Adobe Fonts kit | sans-serif |
mono |
JetBrainsMono Nerd Font ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
jmfe-teal |
JMFE Teal (primary) | #008C99 |
jmfe-teal-deep |
JMFE Teal Deep | #00838F |
jmfe-teal-slate |
JMFE Teal Slate | #5C92A2 |
jmfe-teal-light |
JMFE Teal Light | #B1DCE0 |
jmfe-teal-mist |
JMFE Teal Mist | #C2E2E5 |
jmfe-ink |
JMFE Ink | #1D2C31 |
jmfe-slate |
JMFE Slate | #405765 |
jmfe-gray-warm |
JMFE Gray Warm | #5D6770 |
jmfe-gray-cool |
JMFE Gray Cool | #7B7C80 |
jmfe-gold |
JMFE Gold | #A79154 |
jmfe-amber |
JMFE Amber | #D1A829 |
jmfe-yellow |
JMFE Yellow | #F5C542 |
jmfe-signal-yellow |
JMFE Signal Yellow | #FFC60A |
jmfe-orange |
JMFE Orange | #F99C25 |
jmfe-terracotta |
JMFE Terracotta | #E16B2A |
jmfe-bg |
JMFE Background | #FFFFFF |
jmfe-surface |
JMFE Surface | #F5F7F8 |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
jmfe-bg |
#FFFFFF |
surface |
jmfe-surface |
#F5F7F8 |
surface-elevated |
jmfe-teal-mist |
#C2E2E5 |
text-primary |
jmfe-ink |
#1D2C31 |
text-secondary |
jmfe-slate |
#405765 |
text-tertiary |
jmfe-gray-warm |
#5D6770 |
primary |
jmfe-teal |
#008C99 |
primary-hover |
jmfe-teal-deep |
#00838F |
accent |
jmfe-gold |
#A79154 |
secondary-accent |
jmfe-teal-slate |
#5C92A2 |
highlight |
jmfe-signal-yellow |
#FFC60A |
success |
jmfe-teal-deep |
#00838F |
warning |
jmfe-amber |
#D1A829 |
error |
jmfe-terracotta |
#E16B2A |
info |
jmfe-teal |
#008C99 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
jmfe-ink |
#1D2C31 |
surface |
jmfe-slate |
#405765 |
surface-elevated |
jmfe-gray-warm |
#5D6770 |
text-primary |
jmfe-bg |
#FFFFFF |
text-secondary |
jmfe-teal-mist |
#C2E2E5 |
text-tertiary |
jmfe-teal-light |
#B1DCE0 |
primary |
jmfe-teal-light |
#B1DCE0 |
primary-hover |
jmfe-teal-mist |
#C2E2E5 |
accent |
jmfe-amber |
#D1A829 |
secondary-accent |
jmfe-teal-slate |
#5C92A2 |
highlight |
jmfe-signal-yellow |
#FFC60A |
success |
jmfe-teal-light |
#B1DCE0 |
warning |
jmfe-amber |
#D1A829 |
error |
jmfe-terracotta |
#E16B2A |
info |
jmfe-teal-light |
#B1DCE0 |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
jmfe-bg |
#FFFFFF |
on-identity |
jmfe-ink |
#1D2C31 |
primary |
jmfe-teal |
#008C99 |
primary-hover |
jmfe-teal-deep |
#00838F |
accent |
jmfe-gold |
#A79154 |
highlight |
jmfe-signal-yellow |
#FFC60A |
mark |
jmfe-ink |
#1D2C31 |
warning |
jmfe-amber |
#D1A829 |
error |
jmfe-terracotta |
#E16B2A |
text-primary-light |
jmfe-ink |
#1D2C31 |
text-primary-dark |
jmfe-bg |
#FFFFFF |
background-light |
jmfe-bg |
#FFFFFF |
background-dark |
jmfe-ink |
#1D2C31 |
surface-light |
jmfe-surface |
#F5F7F8 |
surface-dark |
jmfe-slate |
#405765 |
border-light |
jmfe-teal-mist |
#C2E2E5 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
contrastRatio → text-primary
- against:
background - minRatio:
4.5 - standard:
WCAG-AA
JMFE Ink (#1D2C31) on JMFE Background (#FFFFFF) measures ~14:1 — decisively past the AA floor. The corporate audience (employees, investors, dealer partners) consumes long-form annual-report and press-release content; AA is the documented baseline for the JMFE family.
colorChoice → roles.colors.primary
- allowed: jmfe-teal, jmfe-teal-deep
- forbidden: jmfe-gold, jmfe-amber, jmfe-yellow, jmfe-signal-yellow, jmfe-orange, jmfe-terracotta
JMFE Teal (#008C99) is the corporate primary on jmfamily.com — links, primary buttons, and accent strokes. The gold, amber, yellow, orange, and terracotta swatches are heritage / signal / illustration accents and must not stand in for the primary brand color. The teal carries the recognition; the warms accent it.
colorChoice → roles.colors.mark
- allowed: jmfe-ink, jmfe-bg
- forbidden: jmfe-teal, jmfe-teal-deep, jmfe-gold, jmfe-signal-yellow, jmfe-terracotta
The JM Family wordmark is rendered in deep blue-black on light surfaces or reversed to white on the deep-ink background — never re-tinted in teal, gold, or signal- yellow. The brand-card accents stay alongside the wordmark, not inside it.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, inverted-without-variant, gradient-fill, on-busy-photo
The JM Family wordmark is a registered mark. Apply official variants only; the inverted (white-on-ink) variant must be used for dark surfaces rather than auto-inverting the light-surface variant. Drop shadows, gradient fills, and stretched aspect ratios are all forbidden per standard corporate-identity practice.
contextRestriction → roles.colors.highlight
- forbiddenContexts: body-text, error-state, destructive-action
- allowedContexts: cta-emphasis, data-viz-callout, print-feature
JMFE Signal Yellow (#FFC60A) is a high-attention callout used sparingly for feature emphasis and data-viz highlights on jmfamily.com. It must NOT be used as a body-text color (illegible at small sizes against white) and it must NOT be reused as a warning or error signal — JMFE Amber and Terracotta hold those roles.
fontPairing → typography.display
- requires:
prose - minSizeRatio:
1.5
Freight Text Pro serves as the editorial display face on jmfamily.com and pairs with Proxima Nova body. A 1.5× minimum size ratio preserves the serif-display vs sans-prose hierarchy the corporate site has deployed since the current brand refresh.
💡 recommendation (1)
compositionConstraint → roles.colors.primary
- pairsWith: jmfe-bg, jmfe-surface, jmfe-ink, jmfe-teal-mist
- doesNotPairWith: toyota-red, lexus-chrome
JMFE Teal sits on the corporate white / surface / ink scale. Pairing it adjacent to Toyota Red or the Lexus Chrome breaks the corporate-parent positioning — JMFE is the umbrella identity, distinct from the OEM identities of its subsidiaries' partners.
Provenance
- Source: https://www.jmfamily.com/
- License:
Proprietary — All Rights Reserved - Attribution: JM Family Enterprises, Inc. — all trademarks, wordmarks, and brand assets are the property of JM Family Enterprises. This spec reflects the publicly observable visual identity on jmfamily.com (style.min.css, deployed press kits) and is not an official brand-guidelines document.
- Imported:
2026-05-19 - Notes: 1.0.0 audit upgrade of [email protected] — preserves the rich palette extracted from jmfamily.com (teal primary, gold + signal-yellow + amber + terracotta accents), adds identity / on-identity roles for the white corporate canvas, and expands the rules block from 2 to 7 typed entries. The 0.1.0 spec remains historical; <jmfamily-enterprises@1> resolves to this 1.0.0 atom.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by JM Family Enterprises
Every block below renders from the resolved palette + font references on this brand. Swap the brand and the same template re-themes — no per-brand component code required.
JM Family Enterprises
A clear hierarchy in JM Family Enterprises's typeface
Tertiary heading — supporting structure
Body copy renders in the brand's prose font on the brand's background.
Inline links and highlighted phrases pick up
the brand's primary and highlight roles. Code spans like brand.references.palette
fall back to the monospace face.
A blockquote uses the brand's accent color as its rule. Useful for pulling tagline copy out of running prose.
Bulleted list
- Bullet markers inherit the brand's primary color.
- Item spacing reads as a deliberate vertical rhythm.
- Nested items still resolve to the same primary.
- Second-level item using the accent.
- Third bullet wraps cleanly at narrow widths.
Numbered list
- Open the brand's resolved spec.
- Apply roles to the component template.
- Render the surface in the brand's identity.
- Audit the output against the typed rules.
Callout boxes
Info
Neutral status — provides supplemental context without urgency. Uses the brand's primary as the rule.
Success
Confirms a completed action — palette role success determines the rule color.
Warning
Calls out something that needs attention but isn't an error — palette role warning.
Error
Surfaces a failure that blocks progress — palette role error. Use sparingly.
Table
| Role | Resolves to | Mode |
|---|---|---|
| primary | brand color #1 | light + dark |
| accent | brand color #2 | light + dark |
| warning | brand warning | light + dark |
| error | brand error | light + dark |
Atoms
palette
JM Family Enterprises
[email protected]font · heading
Freight Text Pro
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Proxima Nova
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · mono
JetBrainsMono Nerd Font
[email protected]The quick brown fox jumps over 13 lazy dogs.
Brand semantic roles
Brand-level role overrides on top of palette-default mappings. Each role resolves to a concrete swatch or font reference.
Colors
accent
→ jmfe-gold #A79154 background-dark
→ jmfe-ink #1D2C31 background-light
→ jmfe-bg #FFFFFF border-light
→ jmfe-teal-mist #C2E2E5 error
→ jmfe-terracotta #E16B2A highlight
→ jmfe-signal-yellow #FFC60A identity
→ jmfe-bg #FFFFFF mark
→ jmfe-ink #1D2C31 on-identity
→ jmfe-ink #1D2C31 primary
→ jmfe-teal #008C99 primary-hover
→ jmfe-teal-deep #00838F surface-dark
→ jmfe-slate #405765 surface-light
→ jmfe-surface #F5F7F8 text-primary-dark
→ jmfe-bg #FFFFFF text-primary-light
→ jmfe-ink #1D2C31 warning
→ jmfe-amber #D1A829 Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Freight Text Pro prose
→ body Proxima Nova Palette mode mappings (from jmfamily-enterprises)
Light mode (15 roles)
accent
→ jmfe-gold background
→ jmfe-bg error
→ jmfe-terracotta highlight
→ jmfe-signal-yellow info
→ jmfe-teal primary
→ jmfe-teal primary-hover
→ jmfe-teal-deep secondary-accent
→ jmfe-teal-slate success
→ jmfe-teal-deep surface
→ jmfe-surface surface-elevated
→ jmfe-teal-mist text-primary
→ jmfe-ink text-secondary
→ jmfe-slate text-tertiary
→ jmfe-gray-warm warning
→ jmfe-amber Dark mode (15 roles)
accent
→ jmfe-amber background
→ jmfe-ink error
→ jmfe-terracotta highlight
→ jmfe-signal-yellow info
→ jmfe-teal-light primary
→ jmfe-teal-light primary-hover
→ jmfe-teal-mist secondary-accent
→ jmfe-teal-slate success
→ jmfe-teal-light surface
→ jmfe-slate surface-elevated
→ jmfe-gray-warm text-primary
→ jmfe-bg text-secondary
→ jmfe-teal-mist text-tertiary
→ jmfe-teal-light warning
→ jmfe-amber Rules (7 typed constraints)
error · 6 rules
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA JMFE Ink (#1D2C31) on JMFE Background (#FFFFFF) measures ~14:1 — decisively past the AA floor. The corporate audience (employees, investors, dealer partners) consumes long-form annual-report and press-release content; AA is the documented baseline for the JMFE family.
colorChoice roles.colors.primary allowed jmfe-teal, jmfe-teal-deep forbidden jmfe-gold, jmfe-amber, jmfe-yellow, jmfe-signal-yellow, jmfe-orange, jmfe-terracotta JMFE Teal (#008C99) is the corporate primary on jmfamily.com — links, primary buttons, and accent strokes. The gold, amber, yellow, orange, and terracotta swatches are heritage / signal / illustration accents and must not stand in for the primary brand color. The teal carries the recognition; the warms accent it.
colorChoice roles.colors.mark allowed jmfe-ink, jmfe-bg forbidden jmfe-teal, jmfe-teal-deep, jmfe-gold, jmfe-signal-yellow, jmfe-terracotta The JM Family wordmark is rendered in deep blue-black on light surfaces or reversed to white on the deep-ink background — never re-tinted in teal, gold, or signal- yellow. The brand-card accents stay alongside the wordmark, not inside it.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, inverted-without-variant, gradient-fill, on-busy-photo The JM Family wordmark is a registered mark. Apply official variants only; the inverted (white-on-ink) variant must be used for dark surfaces rather than auto-inverting the light-surface variant. Drop shadows, gradient fills, and stretched aspect ratios are all forbidden per standard corporate-identity practice.
contextRestriction roles.colors.highlight forbiddenContexts body-text, error-state, destructive-action allowedContexts cta-emphasis, data-viz-callout, print-feature JMFE Signal Yellow (#FFC60A) is a high-attention callout used sparingly for feature emphasis and data-viz highlights on jmfamily.com. It must NOT be used as a body-text color (illegible at small sizes against white) and it must NOT be reused as a warning or error signal — JMFE Amber and Terracotta hold those roles.
fontPairing typography.display requires prose minSizeRatio 1.5 Freight Text Pro serves as the editorial display face on jmfamily.com and pairs with Proxima Nova body. A 1.5× minimum size ratio preserves the serif-display vs sans-prose hierarchy the corporate site has deployed since the current brand refresh.
recommendation · 1 rule
compositionConstraint roles.colors.primary pairsWith jmfe-bg, jmfe-surface, jmfe-ink, jmfe-teal-mist doesNotPairWith toyota-red, lexus-chrome JMFE Teal sits on the corporate white / surface / ink scale. Pairing it adjacent to Toyota Red or the Lexus Chrome breaks the corporate-parent positioning — JMFE is the umbrella identity, distinct from the OEM identities of its subsidiaries' partners.
Provenance
- Source
- https://www.jmfamily.com/
- License
Proprietary — All Rights Reserved- Attribution
- JM Family Enterprises, Inc. — all trademarks, wordmarks, and brand assets are the property of JM Family Enterprises. This spec reflects the publicly observable visual identity on jmfamily.com (style.min.css, deployed press kits) and is not an official brand-guidelines document.
- Imported
2026-05-19- Notes
- 1.0.0 audit upgrade of [email protected] — preserves the rich palette extracted from jmfamily.com (teal primary, gold + signal-yellow + amber + terracotta accents), adds identity / on-identity roles for the white corporate canvas, and expands the rules block from 2 to 7 typed entries. The 0.1.0 spec remains historical; <jmfamily-enterprises@1> resolves to this 1.0.0 atom.