W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
World Omni Financial
World Omni Financial Corp., established in 1981 as a division of JM Family Enterprises, specializes in automotive financing — retail, lease, and floorplan products backed by Toyota dealership originations in the southeastern United States. Voice: "World- Class Service" and "Strength in numbers." Visual identity is light-corporate-financial: a teal primary (#008390) sibling to the JMFE and JM&A teals, a deep blue-black ink, white field, and Raleway display paired with Lato body as the deployed faces on worldomni.com.
1 palette 3 fonts 0 assets 6 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/world-omni/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/world-omni/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.
World Omni Financial
World Omni Financial Corp., established in 1981 as a division of JM Family Enterprises, specializes in automotive financing — retail, lease, and floorplan products backed by Toyota dealership originations in the southeastern United States. Voice: "World- Class Service" and "Strength in numbers." Visual identity is light-corporate-financial: a teal primary (#008390) sibling to the JMFE and JM&A teals, a deep blue-black ink, white field, and Raleway display paired with Lato body as the deployed faces on worldomni.com.
Tags: finance, automotive, jmfe, worldomni, teal, light-first
Atoms
Palette
World Omni Financial · [email protected] · Proprietary — All Rights Reserved
World Omni Financial Corp. palette anchored on the brand teal (#008390) referenced in the corporate stylesheet, paired with a cool gray scale appropriate for a financial-services UI.
Fonts
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Raleway ([email protected]) |
OFL-1.1 | sans-serif |
body |
Lato ([email protected]) |
OFL-1.1 | sans-serif |
mono |
JetBrainsMono Nerd Font ([email protected]) |
OFL-1.1 | monospace |
Swatches
| ID | Name | Value |
|---|---|---|
wo-teal |
World Omni Teal (primary) | #008390 |
wo-teal-deep |
World Omni Teal Deep | #006670 |
wo-teal-light |
World Omni Teal Light | #A8D6DA |
wo-onyx |
World Omni Onyx | #1A1F23 |
wo-slate |
World Omni Slate | #4F5A63 |
wo-steel |
World Omni Steel | #8A949D |
wo-fog |
World Omni Fog | #E8EDF0 |
wo-white |
World Omni White | #FFFFFF |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
wo-white |
#FFFFFF |
surface |
wo-fog |
#E8EDF0 |
surface-elevated |
wo-teal-light |
#A8D6DA |
text-primary |
wo-onyx |
#1A1F23 |
text-secondary |
wo-slate |
#4F5A63 |
text-tertiary |
wo-steel |
#8A949D |
primary |
wo-teal |
#008390 |
primary-hover |
wo-teal-deep |
#006670 |
accent |
wo-teal |
#008390 |
success |
wo-teal-deep |
#006670 |
warning |
wo-teal |
#008390 |
error |
wo-onyx |
#1A1F23 |
info |
wo-teal |
#008390 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
wo-onyx |
#1A1F23 |
surface |
wo-slate |
#4F5A63 |
surface-elevated |
wo-steel |
#8A949D |
text-primary |
wo-white |
#FFFFFF |
text-secondary |
wo-fog |
#E8EDF0 |
text-tertiary |
wo-teal-light |
#A8D6DA |
primary |
wo-teal-light |
#A8D6DA |
primary-hover |
wo-teal |
#008390 |
accent |
wo-teal-light |
#A8D6DA |
success |
wo-teal-light |
#A8D6DA |
warning |
wo-teal-light |
#A8D6DA |
error |
wo-fog |
#E8EDF0 |
info |
wo-teal-light |
#A8D6DA |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
wo-white |
#FFFFFF |
on-identity |
wo-onyx |
#1A1F23 |
primary |
wo-teal |
#008390 |
primary-hover |
wo-teal-deep |
#006670 |
accent |
wo-teal |
#008390 |
mark |
wo-onyx |
#1A1F23 |
text-primary-light |
wo-onyx |
#1A1F23 |
text-primary-dark |
wo-white |
#FFFFFF |
background-light |
wo-white |
#FFFFFF |
background-dark |
wo-onyx |
#1A1F23 |
surface-light |
wo-fog |
#E8EDF0 |
surface-dark |
wo-slate |
#4F5A63 |
border-light |
wo-teal-light |
#A8D6DA |
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
World Omni Onyx (#1A1F23) on World Omni White (#FFFFFF) measures ~17:1, clearing the AA 4.5:1 floor decisively. World Omni's audience consumes long-form financial product sheets and dealer-facing operations content; AA is the documented compliance target for the JMFE family of financial-services brands.
colorChoice → roles.colors.primary
- allowed: wo-teal, wo-teal-deep
- forbidden: wo-teal-light, wo-fog, wo-slate, wo-steel
World Omni Teal (#008390) is the signal color on the worldomni.com deployed stylesheet. The deeper sibling (#006670) covers hover and pressed states. The light teal and the gray supporting scale are surface and meta-text roles — they must not substitute for the primary brand action color.
colorChoice → roles.colors.mark
- allowed: wo-onyx, wo-white, wo-teal
- forbidden: wo-teal-deep, wo-teal-light, wo-fog, wo-slate, wo-steel
The World Omni wordmark renders in onyx on light surfaces, reversed to white on dark surfaces, or with the teal accent stroke on the brand-card. Lighter teals and the supporting grays do not carry sufficient contrast for the mark.
forbiddenTreatment → logo
- treatments: stretched, rotated, recolored, drop-shadow, inverted-without-variant, gradient-fill, on-busy-photo
The World Omni wordmark is a registered mark of World Omni Financial Corp. Visual modifications are not permitted on the dealer-facing site, consumer-facing materials, or regulatory filings; the inverted variant must be supplied explicitly rather than derived by auto-inversion.
accessibilityRequirement → *
- standard:
WCAG-AA - criterion:
1.4.3
WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum — Level AA). World Omni is a regulated automotive-finance brand; consumer disclosures, loan documentation, and dealer operations screens must remain legible across mobile, desktop, and printed media. AA is the standing requirement.
💡 recommendation (1)
compositionConstraint → roles.colors.primary
- pairsWith: wo-white, wo-fog, wo-onyx, wo-teal-light
- doesNotPairWith: toyota-red, jmfe-signal-yellow, lexus-chrome
World Omni's teal sits on the JMFE-family teal ladder alongside JM&A (#008D9A) and JMFE (#008C99). Placing it adjacent to Toyota Red or the Lexus chrome breaks the family positioning — World Omni is a financial-services sibling within the JMFE family, not a Toyota-OEM sibling.
Provenance
- Source: https://worldomni.com/
- License:
Proprietary — All Rights Reserved - Attribution: World Omni Financial Corp. — a JM Family Enterprises company. Primary teal value (#008390) is taken from the deployed worldomni.com stylesheet (/style.css). World Omni does not publish a public brand-guidelines portal; the supporting scale is interpolated to harmonize with the parent JMFE family of teals.
- Imported:
2026-05-19 - Notes: 1.0.0 audit upgrade of [email protected] — preserves the deployed-stylesheet teal and the Raleway + Lato pairing seen on worldomni.com, adds identity / on-identity roles for the white corporate canvas, and expands the rules block from 2 to 6 typed entries grounded in the deployed site identity and the JMFE corporate-family discipline. The 0.1.0 spec remains historical.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by World Omni Financial
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.
World Omni Financial
A clear hierarchy in World Omni Financial'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
World Omni Financial
[email protected]font · heading
Raleway
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Lato
[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
→ wo-teal #008390 background-dark
→ wo-onyx #1A1F23 background-light
→ wo-white #FFFFFF border-light
→ wo-teal-light #A8D6DA identity
→ wo-white #FFFFFF mark
→ wo-onyx #1A1F23 on-identity
→ wo-onyx #1A1F23 primary
→ wo-teal #008390 primary-hover
→ wo-teal-deep #006670 surface-dark
→ wo-slate #4F5A63 surface-light
→ wo-fog #E8EDF0 text-primary-dark
→ wo-white #FFFFFF text-primary-light
→ wo-onyx #1A1F23 Typography
code
→ mono JetBrainsMono Nerd Font display
→ heading Raleway prose
→ body Lato Palette mode mappings (from world-omni)
Light mode (13 roles)
accent
→ wo-teal background
→ wo-white error
→ wo-onyx info
→ wo-teal primary
→ wo-teal primary-hover
→ wo-teal-deep success
→ wo-teal-deep surface
→ wo-fog surface-elevated
→ wo-teal-light text-primary
→ wo-onyx text-secondary
→ wo-slate text-tertiary
→ wo-steel warning
→ wo-teal Dark mode (13 roles)
accent
→ wo-teal-light background
→ wo-onyx error
→ wo-fog info
→ wo-teal-light primary
→ wo-teal-light primary-hover
→ wo-teal success
→ wo-teal-light surface
→ wo-slate surface-elevated
→ wo-steel text-primary
→ wo-white text-secondary
→ wo-fog text-tertiary
→ wo-teal-light warning
→ wo-teal-light Rules (6 typed constraints)
error · 5 rules
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA World Omni Onyx (#1A1F23) on World Omni White (#FFFFFF) measures ~17:1, clearing the AA 4.5:1 floor decisively. World Omni's audience consumes long-form financial product sheets and dealer-facing operations content; AA is the documented compliance target for the JMFE family of financial-services brands.
colorChoice roles.colors.primary allowed wo-teal, wo-teal-deep forbidden wo-teal-light, wo-fog, wo-slate, wo-steel World Omni Teal (#008390) is the signal color on the worldomni.com deployed stylesheet. The deeper sibling (#006670) covers hover and pressed states. The light teal and the gray supporting scale are surface and meta-text roles — they must not substitute for the primary brand action color.
colorChoice roles.colors.mark allowed wo-onyx, wo-white, wo-teal forbidden wo-teal-deep, wo-teal-light, wo-fog, wo-slate, wo-steel The World Omni wordmark renders in onyx on light surfaces, reversed to white on dark surfaces, or with the teal accent stroke on the brand-card. Lighter teals and the supporting grays do not carry sufficient contrast for the mark.
forbiddenTreatment logo treatments stretched, rotated, recolored, drop-shadow, inverted-without-variant, gradient-fill, on-busy-photo The World Omni wordmark is a registered mark of World Omni Financial Corp. Visual modifications are not permitted on the dealer-facing site, consumer-facing materials, or regulatory filings; the inverted variant must be supplied explicitly rather than derived by auto-inversion.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum — Level AA). World Omni is a regulated automotive-finance brand; consumer disclosures, loan documentation, and dealer operations screens must remain legible across mobile, desktop, and printed media. AA is the standing requirement.
recommendation · 1 rule
compositionConstraint roles.colors.primary pairsWith wo-white, wo-fog, wo-onyx, wo-teal-light doesNotPairWith toyota-red, jmfe-signal-yellow, lexus-chrome World Omni's teal sits on the JMFE-family teal ladder alongside JM&A (#008D9A) and JMFE (#008C99). Placing it adjacent to Toyota Red or the Lexus chrome breaks the family positioning — World Omni is a financial-services sibling within the JMFE family, not a Toyota-OEM sibling.
Provenance
- Source
- https://worldomni.com/
- License
Proprietary — All Rights Reserved- Attribution
- World Omni Financial Corp. — a JM Family Enterprises company. Primary teal value (#008390) is taken from the deployed worldomni.com stylesheet (/style.css). World Omni does not publish a public brand-guidelines portal; the supporting scale is interpolated to harmonize with the parent JMFE family of teals.
- Imported
2026-05-19- Notes
- 1.0.0 audit upgrade of [email protected] — preserves the deployed-stylesheet teal and the Raleway + Lato pairing seen on worldomni.com, adds identity / on-identity roles for the white corporate canvas, and expands the rules block from 2 to 6 typed entries grounded in the deployed site identity and the JMFE corporate-family discipline. The 0.1.0 spec remains historical.