W3C Design Tokens
3 filesCross-tool design-token spec (DTCG/W3C). Light + dark mode siblings.
The Linux Foundation
The Linux Foundation (LF) is a vendor-neutral 501(c)(6) home for the Linux kernel and an umbrella over a constellation of open-source ecosystems — Cloud Native Computing Foundation (CNCF), OpenJS, Open Mainframe Project, Hyperledger, Academy Software Foundation, OpenSSF, and many others. The brand voice is institutional and ecosystem-scaled: the Foundation does not market individual projects; it stewards the legal, infrastructure, and trademark layer beneath them. Visually, LF leans on a corporate deep-blue identity — LF Dark Blue (#003778) wordmark with a bright cyan-blue arc (#0094FF) — on a clean white canvas.
1 palette 3 fonts 0 assets 8 rules
Preview prompt
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/linux-foundation/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/linux-foundation/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.
The Linux Foundation
The Linux Foundation (LF) is a vendor-neutral 501(c)(6) home for the Linux kernel and an umbrella over a constellation of open-source ecosystems — Cloud Native Computing Foundation (CNCF), OpenJS, Open Mainframe Project, Hyperledger, Academy Software Foundation, OpenSSF, and many others. The brand voice is institutional and ecosystem-scaled: the Foundation does not market individual projects; it stewards the legal, infrastructure, and trademark layer beneath them. Visually, LF leans on a corporate deep-blue identity — LF Dark Blue (#003778) wordmark with a bright cyan-blue arc (#0094FF) — on a clean white canvas.
Tags: linux-foundation, lf, foundation, open-source, brand, blue, institutional
Atoms
Palette
The Linux Foundation · [email protected] · Proprietary — All Rights Reserved
The Linux Foundation brand palette is anchored on a deep corporate blue scale — LF Dark Blue (#003778), LF Darker Blue (#003764), and LF Bright Blue (#0094FF) — captured directly from the resolved fills of the official LF stacked-color logo distributed via linuxfoundation.org. The Foundation's brand voice is institutional and ecosystem-scaled: stewardship of Linux, Kubernetes, CNCF, OpenJS, and dozens of other industry-spanning open-source projects.
Fonts
| 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 |
Swatches
| ID | Name | Value |
|---|---|---|
lf-dark-blue |
LF Dark Blue | #003778 |
lf-darker-blue |
LF Darker Blue | #003764 |
lf-bright-blue |
LF Bright Blue | #0094FF |
lf-blue-hover |
LF Blue Hover | #005FB8 |
lf-black |
LF Black | #0B1320 |
lf-charcoal |
LF Charcoal | #1A2434 |
lf-gray |
LF Gray | #5D6573 |
lf-light-gray |
LF Light Gray | #D6DAE0 |
lf-off-white |
LF Off-White | #F4F5F7 |
lf-white |
LF White | #FFFFFF |
lf-warning |
LF Warning Amber | #E0A100 |
lf-error |
LF Error Red | #C03030 |
Mode role mappings
Light mode
| Role | Swatch | Hex |
|---|---|---|
background |
lf-white |
#FFFFFF |
surface |
lf-off-white |
#F4F5F7 |
surface-elevated |
lf-white |
#FFFFFF |
text-primary |
lf-dark-blue |
#003778 |
text-secondary |
lf-gray |
#5D6573 |
text-tertiary |
lf-blue-hover |
#005FB8 |
primary |
lf-dark-blue |
#003778 |
primary-hover |
lf-darker-blue |
#003764 |
accent |
lf-bright-blue |
#0094FF |
accent-hover |
lf-blue-hover |
#005FB8 |
warning |
lf-warning |
#E0A100 |
warning-hover |
lf-bright-blue |
#0094FF |
error |
lf-error |
#C03030 |
success |
lf-bright-blue |
#0094FF |
border |
lf-light-gray |
#D6DAE0 |
Dark mode
| Role | Swatch | Hex |
|---|---|---|
background |
lf-black |
#0B1320 |
surface |
lf-charcoal |
#1A2434 |
surface-elevated |
lf-charcoal |
#1A2434 |
text-primary |
lf-white |
#FFFFFF |
text-secondary |
lf-light-gray |
#D6DAE0 |
text-tertiary |
lf-bright-blue |
#0094FF |
primary |
lf-bright-blue |
#0094FF |
primary-hover |
lf-blue-hover |
#005FB8 |
accent |
lf-bright-blue |
#0094FF |
accent-hover |
lf-blue-hover |
#005FB8 |
warning |
lf-warning |
#E0A100 |
warning-hover |
lf-bright-blue |
#0094FF |
error |
lf-error |
#C03030 |
success |
lf-bright-blue |
#0094FF |
border |
lf-gray |
#5D6573 |
Brand semantic roles
Colors
| Role | Swatch | Hex |
|---|---|---|
identity |
lf-dark-blue |
#003778 |
on-identity |
lf-white |
#FFFFFF |
primary |
lf-dark-blue |
#003778 |
primary-hover |
lf-darker-blue |
#003764 |
accent |
lf-bright-blue |
#0094FF |
accent-hover |
lf-blue-hover |
#005FB8 |
mark |
lf-dark-blue |
#003778 |
background |
lf-white |
#FFFFFF |
surface |
lf-off-white |
#F4F5F7 |
text-primary |
lf-dark-blue |
#003778 |
text-secondary |
lf-gray |
#5D6573 |
warning |
lf-warning |
#E0A100 |
error |
lf-error |
#C03030 |
success |
lf-bright-blue |
#0094FF |
border |
lf-light-gray |
#D6DAE0 |
Typography
| Role | Font role key |
|---|---|
display |
heading |
prose |
body |
code |
mono |
Rules
🛑 error (5)
forbiddenTreatment → logo
- treatments: recolored, rotated, stretched, skewed, drop-shadow, combined-with-other-mark, hyphenated, abbreviated, displayed-in-parts, elements-superimposed
The Linux Foundation Trademark Usage Guidelines forbid color variations on the LF logos, design-element modifications, scale changes, and combining the LF mark with any other mark, hyphenation, abbreviation, or partial display. Recoloring, rotation, drop-shadows, and superimposed elements all fall within the policy's explicit prohibitions.
colorChoice → roles.colors.identity
- allowed: lf-dark-blue, lf-bright-blue
- forbidden: lf-gray, lf-warning, lf-error
The Linux Foundation identity is the LF Dark Blue wordmark with the LF Bright Blue accent arc. Substituting the gray, amber, or red supporting hues for the brand identity color conflicts with the policy's color-variation prohibition.
contextRestriction → trademark.use
- forbiddenContexts: verb-form, noun-form, pluralized, possessive, domain-name, product-name, more-prominent-than-host-brand, implied-endorsement, unauthorized-certification-claim, book-magazine-cover-without-permission
Per the LF Trademark Usage Guidelines: "A trademark should never be used as a verb or noun. A trademark should be used only as an adjective followed by the generic name/noun." LF marks cannot be pluralized, used possessively, incorporated into domain names or product names, displayed more prominently than the host brand, used to claim certification, or appear on commercial book/magazine covers without permission.
contrastRatio → text-primary
- against:
background - minRatio:
7 - standard:
WCAG-AAA
LF Dark Blue (#003778) on LF White exceeds 12:1 — clears WCAG AAA decisively. The Foundation's policy and governance documentation surfaces benefit from AAA-grade legibility.
accessibilityRequirement → *
- standard:
WCAG-AA - criterion:
1.4.3
WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The Linux Foundation's role as a public steward of open-source infrastructure makes broad accessibility a load-bearing brand attribute.
⚠️ warning (1)
contrastRatio → roles.colors.accent
- against:
background - minRatio:
3 - standard:
WCAG-AA-large
LF Bright Blue (#0094FF) on White sits around 3.3:1 — clears AA-large for headlines and accent surfaces but does NOT clear AA for body text. Reserve the bright-blue accent for headings, callouts, and the arc graphic; use LF Dark Blue (#003778) or LF Darker Blue (#003764) for small-text foreground.
💡 recommendation (2)
fontPairing → typography.heading
- requires:
body - minSizeRatio:
1.5
LF documentation surfaces use a single humanist sans for heading and body. Maintain at least a 1.5× heading-to-body ratio to preserve hierarchy on long-form governance documents, member directories, and announcement pages.
compositionConstraint → roles.colors.primary
- pairsWith: lf-white, lf-off-white, lf-bright-blue
- doesNotPairWith: lf-warning, lf-error
LF Dark Blue reads cleanest on the white canvas with the LF Bright Blue arc as accent. Placing it adjacent to the warning amber or error red introduces chromatic tension that undermines the institutional voice — those status hues are for advisories, not for compositions with the brand identity.
Provenance
- Source: https://www.linuxfoundation.org/legal/trademark-usage
- License:
Proprietary — All Rights Reserved - Attribution: The Linux Foundation, the Linux Foundation logo, "Linux", and associated marks are trademarks of The Linux Foundation (or, in the case of "Linux", licensed via the Linux Mark Institute on behalf of Linus Torvalds). Brand-atoms' encoding draws from the LF Trademark Usage Guidelines at linuxfoundation.org/legal/trademark-usage and the canonical fill values resolved from the official LF stacked-color SVG at linuxfoundation.org/hubfs/lf-stacked-color.svg.
- Imported:
2026-05-19 - Notes: The LF Trademark Usage Guidelines establish the rules encoded below. Per that policy, the LF marks (1) must be used only as an adjective followed by a generic noun, never as a verb or pluralized form, (2) cannot be altered, combined with other marks, hyphenated, abbreviated, or displayed in parts, (3) cannot be used as domain names or in product names, (4) cannot appear more prominently than the user's own brand, and (5) require the registered ® or ™ symbol on first use per the registration status of the specific mark. The Foundation does not publish formal hex values; #003778 / #003764 / #0094FF are the resolved fills in the official stacked-color SVG.
Generated by the brand-atoms converter. Source: [email protected] from the encyclopedia.
Components — same template, themed by The Linux Foundation
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.
The Linux Foundation
A clear hierarchy in The Linux Foundation'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
The Linux Foundation
[email protected]font · heading
Inter
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · body
Inter
[email protected]The quick brown fox jumps over 13 lazy dogs.
font · mono
Source Code Pro
[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
→ lf-bright-blue #0094FF accent-hover
→ lf-blue-hover #005FB8 background
→ lf-white #FFFFFF border
→ lf-light-gray #D6DAE0 error
→ lf-error #C03030 identity
→ lf-dark-blue #003778 mark
→ lf-dark-blue #003778 on-identity
→ lf-white #FFFFFF primary
→ lf-dark-blue #003778 primary-hover
→ lf-darker-blue #003764 success
→ lf-bright-blue #0094FF surface
→ lf-off-white #F4F5F7 text-primary
→ lf-dark-blue #003778 text-secondary
→ lf-gray #5D6573 warning
→ lf-warning #E0A100 Typography
code
→ mono Source Code Pro display
→ heading Inter prose
→ body Inter Palette mode mappings (from linux-foundation)
Light mode (15 roles)
accent
→ lf-bright-blue accent-hover
→ lf-blue-hover background
→ lf-white border
→ lf-light-gray error
→ lf-error primary
→ lf-dark-blue primary-hover
→ lf-darker-blue success
→ lf-bright-blue surface
→ lf-off-white surface-elevated
→ lf-white text-primary
→ lf-dark-blue text-secondary
→ lf-gray text-tertiary
→ lf-blue-hover warning
→ lf-warning warning-hover
→ lf-bright-blue Dark mode (15 roles)
accent
→ lf-bright-blue accent-hover
→ lf-blue-hover background
→ lf-black border
→ lf-gray error
→ lf-error primary
→ lf-bright-blue primary-hover
→ lf-blue-hover success
→ lf-bright-blue surface
→ lf-charcoal surface-elevated
→ lf-charcoal text-primary
→ lf-white text-secondary
→ lf-light-gray text-tertiary
→ lf-bright-blue warning
→ lf-warning warning-hover
→ lf-bright-blue Rules (8 typed constraints)
error · 5 rules
forbiddenTreatment logo treatments recolored, rotated, stretched, skewed, drop-shadow, combined-with-other-mark, hyphenated, abbreviated, displayed-in-parts, elements-superimposed The Linux Foundation Trademark Usage Guidelines forbid color variations on the LF logos, design-element modifications, scale changes, and combining the LF mark with any other mark, hyphenation, abbreviation, or partial display. Recoloring, rotation, drop-shadows, and superimposed elements all fall within the policy's explicit prohibitions.
colorChoice roles.colors.identity allowed lf-dark-blue, lf-bright-blue forbidden lf-gray, lf-warning, lf-error The Linux Foundation identity is the LF Dark Blue wordmark with the LF Bright Blue accent arc. Substituting the gray, amber, or red supporting hues for the brand identity color conflicts with the policy's color-variation prohibition.
contextRestriction trademark.use forbiddenContexts verb-form, noun-form, pluralized, possessive, domain-name, product-name, more-prominent-than-host-brand, implied-endorsement, unauthorized-certification-claim, book-magazine-cover-without-permission Per the LF Trademark Usage Guidelines: "A trademark should never be used as a verb or noun. A trademark should be used only as an adjective followed by the generic name/noun." LF marks cannot be pluralized, used possessively, incorporated into domain names or product names, displayed more prominently than the host brand, used to claim certification, or appear on commercial book/magazine covers without permission.
contrastRatio text-primary against background minRatio 7 standard WCAG-AAA LF Dark Blue (#003778) on LF White exceeds 12:1 — clears WCAG AAA decisively. The Foundation's policy and governance documentation surfaces benefit from AAA-grade legibility.
accessibilityRequirement * standard WCAG-AA criterion 1.4.3 WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The Linux Foundation's role as a public steward of open-source infrastructure makes broad accessibility a load-bearing brand attribute.
warning · 1 rule
contrastRatio roles.colors.accent against background minRatio 3 standard WCAG-AA-large LF Bright Blue (#0094FF) on White sits around 3.3:1 — clears AA-large for headlines and accent surfaces but does NOT clear AA for body text. Reserve the bright-blue accent for headings, callouts, and the arc graphic; use LF Dark Blue (#003778) or LF Darker Blue (#003764) for small-text foreground.
recommendation · 2 rules
fontPairing typography.heading requires body minSizeRatio 1.5 LF documentation surfaces use a single humanist sans for heading and body. Maintain at least a 1.5× heading-to-body ratio to preserve hierarchy on long-form governance documents, member directories, and announcement pages.
compositionConstraint roles.colors.primary pairsWith lf-white, lf-off-white, lf-bright-blue doesNotPairWith lf-warning, lf-error LF Dark Blue reads cleanest on the white canvas with the LF Bright Blue arc as accent. Placing it adjacent to the warning amber or error red introduces chromatic tension that undermines the institutional voice — those status hues are for advisories, not for compositions with the brand identity.
Provenance
- Source
- https://www.linuxfoundation.org/legal/trademark-usage
- License
Proprietary — All Rights Reserved- Attribution
- The Linux Foundation, the Linux Foundation logo, "Linux", and associated marks are trademarks of The Linux Foundation (or, in the case of "Linux", licensed via the Linux Mark Institute on behalf of Linus Torvalds). Brand-atoms' encoding draws from the LF Trademark Usage Guidelines at linuxfoundation.org/legal/trademark-usage and the canonical fill values resolved from the official LF stacked-color SVG at linuxfoundation.org/hubfs/lf-stacked-color.svg.
- Imported
2026-05-19- Notes
- The LF Trademark Usage Guidelines establish the rules encoded below. Per that policy, the LF marks (1) must be used only as an adjective followed by a generic noun, never as a verb or pluralized form, (2) cannot be altered, combined with other marks, hyphenated, abbreviated, or displayed in parts, (3) cannot be used as domain names or in product names, (4) cannot appear more prominently than the user's own brand, and (5) require the registered ® or ™ symbol on first use per the registration status of the specific mark. The Foundation does not publish formal hex values; #003778 / #003764 / #0094FF are the resolved fills in the official stacked-color SVG.