W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Rust is a systems programming language that runs blazingly fast, prevents segfaults, and guarantees thread safety via its ownership and borrow-checker model. The brand voice is engineering-honest, community-stewarded, and quietly proud — measured tone, deference to the compiler, and a strong open-source ethic carried since the language's Mozilla incubation. The visual identity centers on Rust Orange (#D34516), the gear-and-R logomark, and a typographic voice that pairs a humanist sans for prose with a code monospace for source samples. The Rust Foundation acts as steward of the trademark and brand.
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/rust/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.
All converter outputs for [email protected]. Served from
/dist/brands/rust/1.0.0/.
Cross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
Plain JSON mirror of the resolved brand — palette, fonts, roles, rules.
CSS custom properties on :root with prefers-color-scheme dark.
SCSS variables + Sass maps for swatches, roles, and fonts.
Tailwind v3 theme.extend.colors + fontFamily.
Figma Tokens plugin JSON (Tokens Studio compatible).
Swift enums for SwiftUI / UIKit color + font tokens.
Kotlin objects for Jetpack Compose color + typography tokens.
Human-readable brand guide. Same source as the on-page Brand Guide.
Inline rendering of the Markdown brand guide. Same source as the
markdown/brand-guide.md download.
Rust is a systems programming language that runs blazingly fast, prevents segfaults, and guarantees thread safety via its ownership and borrow-checker model. The brand voice is engineering-honest, community-stewarded, and quietly proud — measured tone, deference to the compiler, and a strong open-source ethic carried since the language's Mozilla incubation. The visual identity centers on Rust Orange (#D34516), the gear-and-R logomark, and a typographic voice that pairs a humanist sans for prose with a code monospace for source samples. The Rust Foundation acts as steward of the trademark and brand.
Tags: rust, programming-language, systems, open-source, brand, foundation
Rust · [email protected] · CC-BY-4.0
Rust language brand palette anchored on Rust Orange (#D34516), the signature accent of the gear-and-R mark and the cargo and rust-lang.org marketing surfaces. The full Rust Foundation brand expression pairs the orange with a deeper Rust Dark Blue (#1E2650), a supporting blue for technical content (Rust Blue #28607F), a neutral metallic gray (Rust Silver #67737A), and a green reserved for the database / sustainability surfaces (Rust Green #61784D). Light-mode is canvas- white; dark-mode inverts to a deep, near-black surface set so the orange retains its high-energy role.
| Role | Font | License | Classification |
|---|---|---|---|
heading |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
body |
Inter ([email protected]) |
OFL-1.1 | sans-serif |
mono |
Source Code Pro ([email protected]) |
OFL-1.1 | monospace |
| ID | Name | Value |
|---|---|---|
rust-orange |
Rust Orange | #D34516 |
rust-dark-blue |
Rust Dark Blue | #1E2650 |
rust-blue |
Rust Blue | #28607F |
rust-silver |
Rust Silver | #67737A |
rust-green |
Rust Green | #61784D |
rust-black |
Rust Black | #0E0E0E |
rust-charcoal |
Rust Charcoal | #222222 |
rust-light-gray |
Rust Light Gray | #D7D7D7 |
rust-off-white |
Rust Off-White | #F4F4F4 |
rust-white |
Rust White | #FFFFFF |
| Role | Swatch | Hex |
|---|---|---|
background |
rust-white |
#FFFFFF |
surface |
rust-off-white |
#F4F4F4 |
surface-elevated |
rust-white |
#FFFFFF |
text-primary |
rust-dark-blue |
#1E2650 |
text-secondary |
rust-silver |
#67737A |
text-tertiary |
rust-blue |
#28607F |
primary |
rust-orange |
#D34516 |
primary-hover |
rust-dark-blue |
#1E2650 |
accent |
rust-blue |
#28607F |
accent-hover |
rust-dark-blue |
#1E2650 |
warning |
rust-orange |
#D34516 |
warning-hover |
rust-dark-blue |
#1E2650 |
error |
rust-orange |
#D34516 |
success |
rust-green |
#61784D |
| Role | Swatch | Hex |
|---|---|---|
background |
rust-black |
#0E0E0E |
surface |
rust-charcoal |
#222222 |
surface-elevated |
rust-charcoal |
#222222 |
text-primary |
rust-white |
#FFFFFF |
text-secondary |
rust-light-gray |
#D7D7D7 |
text-tertiary |
rust-silver |
#67737A |
primary |
rust-orange |
#D34516 |
primary-hover |
rust-light-gray |
#D7D7D7 |
accent |
rust-blue |
#28607F |
accent-hover |
rust-light-gray |
#D7D7D7 |
warning |
rust-orange |
#D34516 |
warning-hover |
rust-light-gray |
#D7D7D7 |
error |
rust-orange |
#D34516 |
success |
rust-green |
#61784D |
| Role | Swatch | Hex |
|---|---|---|
identity |
rust-orange |
#D34516 |
on-identity |
rust-white |
#FFFFFF |
primary |
rust-orange |
#D34516 |
primary-hover |
rust-dark-blue |
#1E2650 |
accent |
rust-blue |
#28607F |
accent-hover |
rust-dark-blue |
#1E2650 |
background |
rust-white |
#FFFFFF |
surface |
rust-off-white |
#F4F4F4 |
text-primary |
rust-dark-blue |
#1E2650 |
text-secondary |
rust-silver |
#67737A |
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
forbiddenTreatment → logoThe Rust Foundation Brand Guide explicitly prohibits flipping, rotating, skewing, or otherwise altering the Rust Foundation logo. The gear-and-R mark must retain its proportions and orientation in every reproduction.
numericRange → logo.height10mmThe Rust Foundation Brand Guide specifies a minimum reproduction height of 10mm for the primary logo to preserve gear-tooth legibility. Smaller renderings degrade the mark.
colorChoice → roles.colors.identityRust Orange and Rust Dark Blue are the two identity colors named in the Foundation Brand Guide. Rust Silver and Rust Green are reserved for body / sustainability roles and must not stand in as the brand identity color.
contrastRatio → text-primarybackground4.5WCAG-AARust Dark Blue (#1E2650) on Rust White exceeds 12:1 — well above the WCAG AA threshold for body text.
accessibilityRequirement → *WCAG-AA1.4.3WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Consumers must not pair tokens that defeat the AA contrast property of the Foundation Brand Guide palette.
enumMembership → trademark.contextThe Rust Foundation Logo Policy distinguishes between logo redistribution (permitted under CC-BY) and trademark use (which requires not implying official endorsement). Logos must not be used in product names or in contexts that suggest the Rust project endorses a third-party offering.
contrastRatio → roles.colors.primarybackground3WCAG-AA-largeRust Orange (#D34516) on white sits around 4.9:1 — clears AA for body text in most renderings, but consumers should verify against actual rendered weight before using the orange for fine text on light surfaces.
compositionConstraint → roles.colors.primaryRust Orange pairs canonically with Rust Dark Blue or White backgrounds. Pairing Rust Orange directly with Rust Green breaks the documented identity-vs-supporting role boundary and creates a discordant orange-green clash.
fontPairing → typography.headingbody1.5Rust documentation surfaces use a single humanist sans for both heading and body. Maintaining at least a 1.5× heading-to-body ratio preserves hierarchy without requiring a second family.
CC-BY-4.02026-05-18Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
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.
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.
Neutral status — provides supplemental context without urgency. Uses the brand's primary as the rule.
Confirms a completed action — palette role success determines the rule color.
Calls out something that needs attention but isn't an error — palette role warning.
Surfaces a failure that blocks progress — palette role error. Use sparingly.
| 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 |
Brand-level role overrides on top of palette-default mappings. Each role resolves to a concrete swatch or font reference.
→ rust-blue #28607F → rust-dark-blue #1E2650 → rust-white #FFFFFF → rust-orange #D34516 → rust-white #FFFFFF → rust-orange #D34516 → rust-dark-blue #1E2650 → rust-off-white #F4F4F4 → rust-dark-blue #1E2650 → rust-silver #67737A → mono Source Code Pro → heading Inter → body Inter → rust-blue → rust-dark-blue → rust-white → rust-orange → rust-orange → rust-dark-blue → rust-green → rust-off-white → rust-white → rust-dark-blue → rust-silver → rust-blue → rust-orange → rust-dark-blue → rust-blue → rust-light-gray → rust-black → rust-orange → rust-orange → rust-light-gray → rust-green → rust-charcoal → rust-charcoal → rust-white → rust-light-gray → rust-silver → rust-orange → rust-light-gray forbiddenTreatment logo treatments flipped, rotated, skewed, stretched, recolored, drop-shadow, on-busy-photo The Rust Foundation Brand Guide explicitly prohibits flipping, rotating, skewing, or otherwise altering the Rust Foundation logo. The gear-and-R mark must retain its proportions and orientation in every reproduction.
numericRange logo.height min 10 unit mm The Rust Foundation Brand Guide specifies a minimum reproduction height of 10mm for the primary logo to preserve gear-tooth legibility. Smaller renderings degrade the mark.
colorChoice roles.colors.identity allowed rust-orange, rust-dark-blue forbidden rust-green, rust-silver Rust Orange and Rust Dark Blue are the two identity colors named in the Foundation Brand Guide. Rust Silver and Rust Green are reserved for body / sustainability roles and must not stand in as the brand identity color.
contrastRatio text-primary against background minRatio 4.5 standard WCAG-AA Rust Dark Blue (#1E2650) on Rust White exceeds 12:1 — well above the WCAG AA threshold for body text.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Consumers must not pair tokens that defeat the AA contrast property of the Foundation Brand Guide palette.
enumMembership trademark.context forbidden implied-endorsement, product-name-prefix The Rust Foundation Logo Policy distinguishes between logo redistribution (permitted under CC-BY) and trademark use (which requires not implying official endorsement). Logos must not be used in product names or in contexts that suggest the Rust project endorses a third-party offering.
contrastRatio roles.colors.primary against background minRatio 3 standard WCAG-AA-large Rust Orange (#D34516) on white sits around 4.9:1 — clears AA for body text in most renderings, but consumers should verify against actual rendered weight before using the orange for fine text on light surfaces.
compositionConstraint roles.colors.primary pairsWith rust-dark-blue, rust-white doesNotPairWith rust-green Rust Orange pairs canonically with Rust Dark Blue or White backgrounds. Pairing Rust Orange directly with Rust Green breaks the documented identity-vs-supporting role boundary and creates a discordant orange-green clash.
fontPairing typography.heading requires body minSizeRatio 1.5 Rust documentation surfaces use a single humanist sans for both heading and body. Maintaining at least a 1.5× heading-to-body ratio preserves hierarchy without requiring a second family.
CC-BY-4.02026-05-18