SBB brand kit
SBB's public website pairs #EB0000 with #C60018 accents on a neutral white canvas, sets headings in SBB Web and uses a pill UI geometry. 9 of 9 key color pairings pass WCAG 2.1 AA.
Compiled by SuiteAnvil from the public website of sbb.ch. Not affiliated with or endorsed by SBB; SBB and its trademarks belong to their owner. Own sbb.ch? Claim this kit
Logo files
PNGTypeset wordmark set in Inter (free stand-in for SBB Web). Ask sbb.ch for the master artwork.
01Brand colors
Click a swatch to copy its hex value| Role | HEX | RGB | Label color on it |
|---|---|---|---|
| Primary | #EB0000 | rgb(235, 0, 0) | #FFFFFF · 4.63:1 |
| Secondary | #2D327D | rgb(45, 50, 125) | #FFFFFF · 11.27:1 |
| Accent | #C60018 | rgb(198, 0, 24) | #FFFFFF · 6.15:1 |
| Surface | #FFFFFF | rgb(255, 255, 255) | #111113 · 18.86:1 |
| Text | #212121 | rgb(33, 33, 33) | #FFFFFF · 16.10:1 |
02Typography
SBB
Clarity at every size
A section title in the brand face
Subsection and card titles
Body copy set in SBB Web at reading size, with a comfortable measure for longer press releases and product pages.
Captions, labels and UI microcopy
#EB0000 #2D327D #C60018
- Headings
- SBB Web
- Not freely licensed here: previewed with Inter
- Body
- SBB Web
- Not freely licensed here: previewed with Inter
- Mono / data
- SF Mono
- Not freely licensed here: previewed with JetBrains Mono
Fonts load through SuiteAnvil's own proxy, so your browser never contacts a font CDN. Licensing a proprietary face is up to you.
03UI geometry & surface
- Radius style
- Pill · 16 px+
- Buttons and inputs
- pill (9999px)
- Cards and panels
- 16px
- CSS radius scale
- 4px / 8px / 16px
- Surface tone
- Neutral white
- Canvas · card · border
- #FFFFFF · #FFFFFF · #E5E5E5
- Dark mode canvas · text
- #120A0C · #F5F5F7
04Usage notes
Derived from the public websiteSuiteAnvil derived these notes from the logo, colors and contrast measured on sbb.ch on 11 Nov 2026. They are practical defaults, not SBB's official brand guidelines. Where SBB publishes its own rules, those win.
Clear space
Keep free space of at least half the logo height on every side (dashed line). Nothing else, including text and edges of photos, enters that zone.
Minimum size
- Screen
- 16 px
- 5 mm
Logo height, for the wide logo or wordmark. Below that, use the square icon or set the name in SBB Web instead.
Color pairings that pass WCAG
- AaBody text on surface16.10:1AAA
- AaSecondary text on surface5.57:1AA
- AaPrimary as link/text on surface4.63:1AA
- AaButton label on primary4.63:1AA
- AaAccent on surface6.15:1AA
- AaSecondary on surface11.27:1AAA
Do not recolor
- Use the logo in #000000, in solid black or in solid white only. Do not swap in other palette colors, gradients or tints.
- Avoid placing the #000000 logo on #2D327D and #212121: contrast stays below 3:1. Use the white or black version there.
- Do not stretch, rotate, outline, crop or add shadows and effects.
- Do not rebuild the logo from a font; download the file above.
Embed on your site (free)Link the SBB press kit or show the live brand score badge.
A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.
<a href="https://suiteanvil.com/kit/sbb.ch">Press & Brand Kit</a>
The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.
<a href="https://suiteanvil.com/audit/sbb.ch"><img src="https://suiteanvil.com/api/badge/sbb.ch.svg" alt="Brand and WCAG score for sbb.ch by SuiteAnvil" height="20"></a>[](https://suiteanvil.com/audit/sbb.ch)Is this your company? Claim this kit
Verify that you control sbb.ch to turn this into the official SBB press kit: the “verified” label for free, plus a press contact block and whitelabel mode on Pro. Verification takes one meta tag or one DNS TXT record.
SBB brand kit FAQ
Is this the official SBB press kit?
No. SuiteAnvil compiled this kit from the public website of sbb.ch on 11 Nov 2026. It is not affiliated with or endorsed by SBB, and SBB's trademarks belong to their owner. Whoever controls sbb.ch can claim and verify it.
How can I download the SBB logo?
Use the PNG download at the top of this page; the file is generated in your browser as a typeset wordmark, because no vector logo is bundled. Check SBB's trademark rules before publishing it.
What are SBB's brand colors?
Primary #EB0000, secondary #2D327D and accent #C60018, on a #FFFFFF surface with #212121 text (snapshot from 11 Nov 2026). Click any swatch to copy the hex value.
What font does SBB use?
Headings and body text use SBB Web (free stand-in: Inter). Proprietary faces are previewed with the closest free Google Fonts family, loaded through SuiteAnvil's privacy proxy.
Which SBB color pairings pass WCAG?
9 of 9 key pairings pass WCAG 2.1 AA (4.5:1), for example #212121 on #FFFFFF at 16.10:1 and #686868 on #FFFFFF at 5.57:1.
How do I link to this press kit from sbb.ch?
Open "Embed on your site (free)" on this page and copy the footer link or the live score badge. Both point to SuiteAnvil pages that update after every rescan of sbb.ch.
Compiled by SuiteAnvil from the public website of sbb.ch (snapshot 11 Nov 2026). SuiteAnvil is not affiliated with or endorsed by SBB. SBB and its marks belong to their owner.
SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice
Press Kit & Brand Tokens automatically maintained by SuiteAnvil. Build yours from one URL
More on the SBB brand
- Brand vault
- All reference brands