W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
JM Lexus
JM Lexus is a JM Family Enterprises retail dealership in Margate, Florida — long the highest-volume Lexus dealer in the United States — operating under the global Lexus dealer-identity standards. Voice: "World-Class Shopping Experience." Visually, JM Lexus inherits the Lexus monochrome luxury system: a near-black canvas, brushed-chrome accents, and the Lexus L mark as the singular point of color (or rather, of polished gray). Display type targets a neutral grotesk in the spirit of Lexus's licensed Nobel face, rendered here as Helvetica Neue until the licensed kit is supplied for production work.
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/jm-lexus/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/jm-lexus/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 Lexus
JM Lexus is a JM Family Enterprises retail dealership in Margate, Florida — long the highest-volume Lexus dealer in the United States — operating under the global Lexus dealer-identity standards. Voice: "World-Class Shopping Experience." Visually, JM Lexus inherits the Lexus monochrome luxury system: a near-black canvas, brushed-chrome accents, and the Lexus L mark as the singular point of color (or rather, of polished gray). Display type targets a neutral grotesk in the spirit of Lexus's licensed Nobel face, rendered here as Helvetica Neue until the licensed kit is supplied for production work.
Tags: automotive, dealer, luxury, jmfe, lexus, monochrome, dark-first
Atoms
Palette
JM Lexus · [email protected] · Proprietary — All Rights Reserved
JM Lexus dealer palette built on the standard Lexus luxury system: monochrome black + brushed-silver chrome with a near-white surface, reflecting the parent Lexus visual identity used at every Lexus dealership including JM Lexus in Margate, FL.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Helvetica Neue ([email protected]) |
Proprietary — Linotype/Monotype; bundled with Apple OS | sans-serif |
body |
Helvetica Neue ([email protected]) |
Proprietary — Linotype/Monotype; bundled with Apple OS | sans-serif |
mono |
JetBrainsMono Nerd Font ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
lexus-black |
Lexus Black | #000000 |
lexus-graphite |
Lexus Graphite | #1A1A1A |
lexus-ash |
Lexus Ash | #3D3D3D |
lexus-silver |
Lexus Silver | #6B6B6B |
lexus-platinum |
Lexus Platinum | #B5B5B5 |
lexus-pearl |
Lexus Pearl | #F2F2F2 |
lexus-white |
Lexus White | #FFFFFF |
lexus-chrome |
Lexus Chrome | #8E8E8E |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
lexus-white |
#FFFFFF |
surface |
lexus-pearl |
#F2F2F2 |
surface-elevated |
lexus-white |
#FFFFFF |
text-primary |
lexus-graphite |
#1A1A1A |
text-secondary |
lexus-ash |
#3D3D3D |
text-tertiary |
lexus-silver |
#6B6B6B |
primary |
lexus-black |
#000000 |
primary-hover |
lexus-graphite |
#1A1A1A |
accent |
lexus-chrome |
#8E8E8E |
success |
lexus-silver |
#6B6B6B |
warning |
lexus-ash |
#3D3D3D |
error |
lexus-black |
#000000 |
info |
lexus-silver |
#6B6B6B |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
lexus-black |
#000000 |
surface |
lexus-graphite |
#1A1A1A |
surface-elevated |
lexus-ash |
#3D3D3D |
text-primary |
lexus-white |
#FFFFFF |
text-secondary |
lexus-pearl |
#F2F2F2 |
text-tertiary |
lexus-platinum |
#B5B5B5 |
primary |
lexus-white |
#FFFFFF |
primary-hover |
lexus-pearl |
#F2F2F2 |
accent |
lexus-chrome |
#8E8E8E |
success |
lexus-platinum |
#B5B5B5 |
warning |
lexus-pearl |
#F2F2F2 |
error |
lexus-white |
#FFFFFF |
info |
lexus-platinum |
#B5B5B5 |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
lexus-black |
#000000 |
on-identity |
lexus-white |
#FFFFFF |
primary |
lexus-black |
#000000 |
primary-hover |
lexus-graphite |
#1A1A1A |
accent |
lexus-chrome |
#8E8E8E |
mark |
lexus-black |
#000000 |
text-primary-light |
lexus-graphite |
#1A1A1A |
text-primary-dark |
lexus-white |
#FFFFFF |
background-light |
lexus-white |
#FFFFFF |
background-dark |
lexus-black |
#000000 |
surface-light |
lexus-pearl |
#F2F2F2 |
surface-dark |
lexus-graphite |
#1A1A1A |
border-light |
lexus-platinum |
#B5B5B5 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (6)
contrastRatio → text-primary
- against:
background - minRatio:
7 - standard:
WCAG-AAA
Lexus Graphite (#1A1A1A) on Lexus White (#FFFFFF) measures ~18:1 — well past the AAA 7:1 floor. The luxury-automotive audience reads on a range of devices and lighting conditions (showroom signage, mobile inventory pages, financing PDFs); the brand's quiet-confidence posture justifies an AAA target rather than the AA minimum.
colorChoice → roles.colors.mark
- allowed: lexus-black, lexus-white
- forbidden: lexus-chrome, lexus-platinum, lexus-pearl, lexus-ash, lexus-silver
The Lexus L mark is rendered in solid black on light surfaces or solid white on dark surfaces — never in chrome, gradient, platinum, or a brand-accent tint. Lexus's global dealer identity standards published via lexus.com consistently enforce a two-tone-only treatment of the emblem.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, on-busy-photo, inverted-without-variant, gradient-fill, outlined-only
The Lexus mark is among the most-protected luxury marks in the world. Only Lexus-approved variants, clearspace ratios, and color treatments are permitted; dealer co-marks (JM Lexus) must respect the Lexus dealer-identity guidelines published by Lexus to its franchised network. Any treatment that softens or distorts the silhouette violates dealer compliance.
contextRestriction → roles.colors.accent
- forbiddenContexts: cta-primary, error-state, destructive-action
- allowedContexts: feature-detail, secondary-emphasis, print
Lexus Chrome (#8E8E8E) is the brushed-silver accent that evokes the marque's polished-metal trim. It functions as a secondary-emphasis color — never as a primary call-to-action or as a signal for errors or destructive actions. The Lexus visual system has no warning-red; chrome and white-on-black do the entire signaling job.
compositionConstraint → roles.colors.identity
- pairsWith: lexus-white, lexus-chrome, lexus-platinum
- doesNotPairWith: toyota-red, jmfe-signal-yellow, jmfe-gold
The Lexus near-black canvas is engineered to sit next to its own white / chrome / platinum scale, not next to the parent Toyota red or the JMFE signal-yellow / heritage gold. Co-locking JM Lexus with the parent JMFE palette is forbidden in dealer-facing materials per the Lexus dealer-identity separation rule — JM Lexus presents as Lexus first.
fontPairing → typography.display
- requires:
prose - minSizeRatio:
1.6
Lexus's display typography (the licensed Nobel face, represented here by Helvetica Neue) carries a quiet, restrained voice that depends on a strong size hierarchy between display and prose. A 1.6× minimum ratio preserves the typographic distinction Lexus uses across vehicle marketing and dealer sites — display reads as headline, prose as body, with no ambiguity in the middle.
⚠️ warning (1)
accessibilityRequirement → *
- standard:
WCAG-AAA - criterion:
1.4.6
WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced — Level AAA). The Lexus monochrome system trivially clears the 7:1 enhanced-contrast bar, and a luxury-automotive consumer experience benefits from the enhanced legibility floor on financing pages, specification tables, and dealer paperwork.
Provenance
- Source: https://www.jmlexus.com/
- License:
Proprietary — All Rights Reserved - Attribution: JM Lexus — a JM Family Enterprises company. The Lexus trademark, "L" emblem, and all dealer-identity standards belong to Lexus, a luxury division of Toyota Motor Corporation. JM Lexus inherits the Lexus dealer-brand standards in full; no JM-specific identity deviates from the parent Lexus system. JM Family Enterprises, Inc. holds the dealer franchise.
- Imported:
2026-05-19 - Notes: 1.0.0 audit upgrade of [email protected] — preserves the original Lexus monochrome palette + Helvetica Neue substitution for Nobel, adds identity / on-identity roles (identity = near-black canvas appropriate to a dark-luxury system), and expands the rules block from 2 to 7 typed entries grounded in observable Lexus global identity material on lexus.com and the deployed jmlexus.com site. The 0.1.0 spec remains the historical baseline.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by JM Lexus
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 Lexus
A clear hierarchy in JM Lexus'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 Lexus
[email protected]font · heading
Helvetica Neue
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Helvetica Neue
[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
→ lexus-chrome #8E8E8E background-dark
→ lexus-black #000000 background-light
→ lexus-white #FFFFFF border-light
→ lexus-platinum #B5B5B5 identity
→ lexus-black #000000 mark
→ lexus-black #000000 on-identity
→ lexus-white #FFFFFF primary
→ lexus-black #000000 primary-hover
→ lexus-graphite #1A1A1A surface-dark
→ lexus-graphite #1A1A1A surface-light
→ lexus-pearl #F2F2F2 text-primary-dark
→ lexus-white #FFFFFF text-primary-light
→ lexus-graphite #1A1A1A Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Helvetica Neue prose
→ body Helvetica Neue Palette mode mappings (from jm-lexus)
Light mode (13 roles)
accent
→ lexus-chrome background
→ lexus-white error
→ lexus-black info
→ lexus-silver primary
→ lexus-black primary-hover
→ lexus-graphite success
→ lexus-silver surface
→ lexus-pearl surface-elevated
→ lexus-white text-primary
→ lexus-graphite text-secondary
→ lexus-ash text-tertiary
→ lexus-silver warning
→ lexus-ash Dark mode (13 roles)
accent
→ lexus-chrome background
→ lexus-black error
→ lexus-white info
→ lexus-platinum primary
→ lexus-white primary-hover
→ lexus-pearl success
→ lexus-platinum surface
→ lexus-graphite surface-elevated
→ lexus-ash text-primary
→ lexus-white text-secondary
→ lexus-pearl text-tertiary
→ lexus-platinum warning
→ lexus-pearl Rules (7 typed constraints)
error · 6 rules
contrastRatio text-primary against background minRatio 7 standard WCAG-AAA Lexus Graphite (#1A1A1A) on Lexus White (#FFFFFF) measures ~18:1 — well past the AAA 7:1 floor. The luxury-automotive audience reads on a range of devices and lighting conditions (showroom signage, mobile inventory pages, financing PDFs); the brand's quiet-confidence posture justifies an AAA target rather than the AA minimum.
colorChoice roles.colors.mark allowed lexus-black, lexus-white forbidden lexus-chrome, lexus-platinum, lexus-pearl, lexus-ash, lexus-silver The Lexus L mark is rendered in solid black on light surfaces or solid white on dark surfaces — never in chrome, gradient, platinum, or a brand-accent tint. Lexus's global dealer identity standards published via lexus.com consistently enforce a two-tone-only treatment of the emblem.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, on-busy-photo, inverted-without-variant, gradient-fill, outlined-only The Lexus mark is among the most-protected luxury marks in the world. Only Lexus-approved variants, clearspace ratios, and color treatments are permitted; dealer co-marks (JM Lexus) must respect the Lexus dealer-identity guidelines published by Lexus to its franchised network. Any treatment that softens or distorts the silhouette violates dealer compliance.
contextRestriction roles.colors.accent forbiddenContexts cta-primary, error-state, destructive-action allowedContexts feature-detail, secondary-emphasis, print Lexus Chrome (#8E8E8E) is the brushed-silver accent that evokes the marque's polished-metal trim. It functions as a secondary-emphasis color — never as a primary call-to-action or as a signal for errors or destructive actions. The Lexus visual system has no warning-red; chrome and white-on-black do the entire signaling job.
compositionConstraint roles.colors.identity pairsWith lexus-white, lexus-chrome, lexus-platinum doesNotPairWith toyota-red, jmfe-signal-yellow, jmfe-gold The Lexus near-black canvas is engineered to sit next to its own white / chrome / platinum scale, not next to the parent Toyota red or the JMFE signal-yellow / heritage gold. Co-locking JM Lexus with the parent JMFE palette is forbidden in dealer-facing materials per the Lexus dealer-identity separation rule — JM Lexus presents as Lexus first.
fontPairing typography.display requires prose minSizeRatio 1.6 Lexus's display typography (the licensed Nobel face, represented here by Helvetica Neue) carries a quiet, restrained voice that depends on a strong size hierarchy between display and prose. A 1.6× minimum ratio preserves the typographic distinction Lexus uses across vehicle marketing and dealer sites — display reads as headline, prose as body, with no ambiguity in the middle.
warning · 1 rule
accessibilityRequirement * standard WCAG-AAA criterion 1.4.6 WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced — Level AAA). The Lexus monochrome system trivially clears the 7:1 enhanced-contrast bar, and a luxury-automotive consumer experience benefits from the enhanced legibility floor on financing pages, specification tables, and dealer paperwork.
Provenance
- Source
- https://www.jmlexus.com/
- License
Proprietary — All Rights Reserved- Attribution
- JM Lexus — a JM Family Enterprises company. The Lexus trademark, "L" emblem, and all dealer-identity standards belong to Lexus, a luxury division of Toyota Motor Corporation. JM Lexus inherits the Lexus dealer-brand standards in full; no JM-specific identity deviates from the parent Lexus system. JM Family Enterprises, Inc. holds the dealer franchise.
- Imported
2026-05-19- Notes
- 1.0.0 audit upgrade of [email protected] — preserves the original Lexus monochrome palette + Helvetica Neue substitution for Nobel, adds identity / on-identity roles (identity = near-black canvas appropriate to a dark-luxury system), and expands the rules block from 2 to 7 typed entries grounded in observable Lexus global identity material on lexus.com and the deployed jmlexus.com site. The 0.1.0 spec remains the historical baseline.