W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Southeast Toyota Distributors
Southeast Toyota Distributors (SET), a JM Family Enterprises company, is the world's largest independent Toyota distributor — serving Florida, Georgia, Alabama, North Carolina, and South Carolina through a network of more than 175 authorized Toyota dealerships. SET co-locks with the parent Toyota corporate identity: Toyota Red (#EB0A1E) primary, near-black SET wordmark, white field, and a supporting cool-gray scale shared with sibling SETF.
1 palette 4 fonts 0 assets 6 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/southeast-toyota-distributors/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/southeast-toyota-distributors/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.
Southeast Toyota Distributors
Southeast Toyota Distributors (SET), a JM Family Enterprises company, is the world's largest independent Toyota distributor — serving Florida, Georgia, Alabama, North Carolina, and South Carolina through a network of more than 175 authorized Toyota dealerships. SET co-locks with the parent Toyota corporate identity: Toyota Red (#EB0A1E) primary, near-black SET wordmark, white field, and a supporting cool-gray scale shared with sibling SETF.
Tags: automotive, distributor, jmfe, set, toyota-aligned, red, light-first
Atoms
Palette
Southeast Toyota Distributors · [email protected] · Proprietary — All Rights Reserved
SET palette built from the Southeast Toyota Dealers public logo SVG (exploresetoyota.com): Toyota Red with a near-black wordmark and white field. SET reuses the parent Toyota color system rather than maintaining a distinct hue.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Toyota Type ([email protected]) |
Proprietary — Toyota Motor Corporation, internal use only | sans-serif |
body |
Toyota Type ([email protected]) |
Proprietary — Toyota Motor Corporation, internal use only | sans-serif |
fallback |
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 |
|---|---|---|
toyota-red |
Toyota Red | #EB0A1E |
set-graphite |
SET Graphite | #252525 |
set-white |
SET White | #FFFFFF |
set-fog |
SET Fog | #E1E8EE |
set-steel |
SET Steel | #86939E |
set-slate |
SET Slate | #626E79 |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
set-white |
#FFFFFF |
surface |
set-fog |
#E1E8EE |
surface-elevated |
set-white |
#FFFFFF |
text-primary |
set-graphite |
#252525 |
text-secondary |
set-slate |
#626E79 |
text-tertiary |
set-steel |
#86939E |
primary |
toyota-red |
#EB0A1E |
primary-hover |
toyota-red |
#EB0A1E |
accent |
toyota-red |
#EB0A1E |
success |
set-slate |
#626E79 |
warning |
toyota-red |
#EB0A1E |
error |
toyota-red |
#EB0A1E |
info |
set-slate |
#626E79 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
set-graphite |
#252525 |
surface |
set-slate |
#626E79 |
surface-elevated |
set-steel |
#86939E |
text-primary |
set-white |
#FFFFFF |
text-secondary |
set-fog |
#E1E8EE |
text-tertiary |
set-steel |
#86939E |
primary |
toyota-red |
#EB0A1E |
primary-hover |
toyota-red |
#EB0A1E |
accent |
toyota-red |
#EB0A1E |
success |
set-fog |
#E1E8EE |
warning |
toyota-red |
#EB0A1E |
error |
toyota-red |
#EB0A1E |
info |
set-fog |
#E1E8EE |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
set-white |
#FFFFFF |
on-identity |
set-graphite |
#252525 |
primary |
toyota-red |
#EB0A1E |
primary-hover |
toyota-red |
#EB0A1E |
accent |
toyota-red |
#EB0A1E |
mark |
set-graphite |
#252525 |
text-primary-light |
set-graphite |
#252525 |
text-primary-dark |
set-white |
#FFFFFF |
background-light |
set-white |
#FFFFFF |
background-dark |
set-graphite |
#252525 |
surface-light |
set-fog |
#E1E8EE |
surface-dark |
set-slate |
#626E79 |
border-light |
set-steel |
#86939E |
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
SET Graphite (#252525) on SET White (#FFFFFF) measures ~16:1 — well past the AA 4.5:1 floor. SET's communications reach dealer associates, customers, and regional regulators; the AA target is the documented compliance bar shared across the JMFE-family Toyota businesses.
colorChoice → roles.colors.primary
- allowed: toyota-red
- forbidden: set-graphite, set-fog, set-slate, set-steel
Toyota Red (#EB0A1E / Pantone 186C) is the single primary across the entire Toyota system, including SET as the regional distributor. The supporting grays are surface and text roles — they must not substitute for the brand action color, which is what carries Toyota recognition.
colorChoice → roles.colors.mark
- allowed: set-graphite, set-white, toyota-red
- forbidden: set-fog, set-slate, set-steel
The SET wordmark is rendered in near-black (set-graphite) on light surfaces, reversed to white on the dark-graphite canvas, or in Toyota Red where the co-lock with the parent Toyota mark is shown. Lighter grays are surface roles, not mark roles.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, on-busy-photo, gradient-fill, outlined-only, inverted-without-variant
The Southeast Toyota wordmark co-locks with the Toyota mark; modifications would violate both SET dealer-marketing standards and Toyota Motor Corporation corporate-identity standards. The Toyota mark is one of the most-protected commercial marks globally, and SET inherits that protection in full.
compositionConstraint → roles.colors.primary
- pairsWith: set-white, set-fog, set-graphite
- doesNotPairWith: jmfe-teal, jma-teal, wo-teal, lexus-chrome
Toyota Red sits on the Toyota / SET neutral scale only. It must never be placed adjacent to the JMFE-family teals (JMFE, JM&A, World Omni) or the Lexus chrome — co-locking Toyota Red with a sibling-JMFE brand color would imply a sub-brand relationship that does not exist in the Toyota identity system.
⚠️ warning (1)
enumMembership → typography.heading.fontWeight
- allowed: 400, 600
Toyota Type — the proprietary corporate face — is licensed in Book (400) and Semibold (600). The same weight ladder governs SET's deliverables. Helvetica Neue serves as the fallback when Toyota Type is unavailable.
Provenance
- Source: https://exploresetoyota.com/
- License:
Proprietary — All Rights Reserved - Attribution: Southeast Toyota Distributors, LLC — a JM Family Enterprises company. The Toyota trademark and red color belong to Toyota Motor Corporation; SET adopts that primary directly. Identity values verified from the SET logo SVG served via Sanity CDN and from the Southeast Toyota Dealers marketing site exploresetoyota.com. The supporting gray scale mirrors the SETF Brand Portal (setfbranding.com).
- Imported:
2026-05-19 - Notes: 1.0.0 audit upgrade of [email protected] — preserves the original red + neutral palette and the Toyota Type primary face, adds identity / on-identity roles for the white SET canvas, and expands the rules block from 2 to 6 typed entries grounded in Toyota global identity and the SETF public brand portal which SET shares. 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 Southeast Toyota Distributors
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.
Southeast Toyota Distributors
A clear hierarchy in Southeast Toyota Distributors'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
Southeast Toyota Distributors
[email protected]font · heading
Toyota Type
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Toyota Type
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · fallback
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
→ toyota-red #EB0A1E background-dark
→ set-graphite #252525 background-light
→ set-white #FFFFFF border-light
→ set-steel #86939E identity
→ set-white #FFFFFF mark
→ set-graphite #252525 on-identity
→ set-graphite #252525 primary
→ toyota-red #EB0A1E primary-hover
→ toyota-red #EB0A1E surface-dark
→ set-slate #626E79 surface-light
→ set-fog #E1E8EE text-primary-dark
→ set-white #FFFFFF text-primary-light
→ set-graphite #252525 Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Toyota Type prose
→ body Toyota Type Palette mode mappings (from southeast-toyota-distributors)
Light mode (13 roles)
accent
→ toyota-red background
→ set-white error
→ toyota-red info
→ set-slate primary
→ toyota-red primary-hover
→ toyota-red success
→ set-slate surface
→ set-fog surface-elevated
→ set-white text-primary
→ set-graphite text-secondary
→ set-slate text-tertiary
→ set-steel warning
→ toyota-red Dark mode (13 roles)
accent
→ toyota-red background
→ set-graphite error
→ toyota-red info
→ set-fog primary
→ toyota-red primary-hover
→ toyota-red success
→ set-fog surface
→ set-slate surface-elevated
→ set-steel text-primary
→ set-white text-secondary
→ set-fog text-tertiary
→ set-steel warning
→ toyota-red Rules (6 typed constraints)
error · 5 rules
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA SET Graphite (#252525) on SET White (#FFFFFF) measures ~16:1 — well past the AA 4.5:1 floor. SET's communications reach dealer associates, customers, and regional regulators; the AA target is the documented compliance bar shared across the JMFE-family Toyota businesses.
colorChoice roles.colors.primary allowed toyota-red forbidden set-graphite, set-fog, set-slate, set-steel Toyota Red (#EB0A1E / Pantone 186C) is the single primary across the entire Toyota system, including SET as the regional distributor. The supporting grays are surface and text roles — they must not substitute for the brand action color, which is what carries Toyota recognition.
colorChoice roles.colors.mark allowed set-graphite, set-white, toyota-red forbidden set-fog, set-slate, set-steel The SET wordmark is rendered in near-black (set-graphite) on light surfaces, reversed to white on the dark-graphite canvas, or in Toyota Red where the co-lock with the parent Toyota mark is shown. Lighter grays are surface roles, not mark roles.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, on-busy-photo, gradient-fill, outlined-only, inverted-without-variant The Southeast Toyota wordmark co-locks with the Toyota mark; modifications would violate both SET dealer-marketing standards and Toyota Motor Corporation corporate-identity standards. The Toyota mark is one of the most-protected commercial marks globally, and SET inherits that protection in full.
compositionConstraint roles.colors.primary pairsWith set-white, set-fog, set-graphite doesNotPairWith jmfe-teal, jma-teal, wo-teal, lexus-chrome Toyota Red sits on the Toyota / SET neutral scale only. It must never be placed adjacent to the JMFE-family teals (JMFE, JM&A, World Omni) or the Lexus chrome — co-locking Toyota Red with a sibling-JMFE brand color would imply a sub-brand relationship that does not exist in the Toyota identity system.
warning · 1 rule
enumMembership typography.heading.fontWeight allowed 400, 600 Toyota Type — the proprietary corporate face — is licensed in Book (400) and Semibold (600). The same weight ladder governs SET's deliverables. Helvetica Neue serves as the fallback when Toyota Type is unavailable.
Provenance
- Source
- https://exploresetoyota.com/
- License
Proprietary — All Rights Reserved- Attribution
- Southeast Toyota Distributors, LLC — a JM Family Enterprises company. The Toyota trademark and red color belong to Toyota Motor Corporation; SET adopts that primary directly. Identity values verified from the SET logo SVG served via Sanity CDN and from the Southeast Toyota Dealers marketing site exploresetoyota.com. The supporting gray scale mirrors the SETF Brand Portal (setfbranding.com).
- Imported
2026-05-19- Notes
- 1.0.0 audit upgrade of [email protected] — preserves the original red + neutral palette and the Toyota Type primary face, adds identity / on-identity roles for the white SET canvas, and expands the rules block from 2 to 6 typed entries grounded in Toyota global identity and the SETF public brand portal which SET shares. The 0.1.0 spec remains the historical baseline.