# BDS Branding Style Guide Bermuda Digital Studio (BDS). Stand: 11.11.2026. Quelle: Figma "Style Guide BDS Remastered" (Typo-Tabelle Stand Mai 2025). Diese Datei ist für Menschen und für KIs gedacht, die im BDS-Style gestalten oder Texte setzen sollen. Halte dich an die Regeln unten. Wenn etwas nicht geregelt ist: lieber zurückhaltend gestalten, mit wenigen, gezielt eingesetzten Elementen. Brand Hub mit allen Assets: siehe Webseite "BDS Brand Hub". --- ## 1. Kurzfassung für KIs - Hintergrund meistens **Grau `#222222`**, Text in **Offwhite `#F9F6F4`**. - Hausschrift **Rubik** für alles Lesbare. Headlines in **Rubik Bold, Versalien**. - **BDS FreeHand** (Handschrift) nur für kurze Akzente: einzelne Wörter oder sehr kurze Sätze, meist in **Gelb `#DFD934`**. Nie für Fließtext. - **Türkis `#1EA2B1`** für Wellen. **Rot `#EA1B0A`** nur für Badges. - Gestaltungselemente: Welle (türkis), Badge (rot), Doodles (gelb, handgezeichnet). Sparsam einsetzen, nie über oder unter Text legen. - Bento-Box-Layouts sind erwünscht. - Keine Kursiv-Schnitte, keine verzerrten Wellen, kein gelber Rahmen, kein Fließtext in Großbuchstaben. ### Design-Tokens (CSS) ```css :root { --bds-grau: #222222; /* Haupt-Hintergrund */ --bds-dunkelgrau: #131313; --bds-schwarz: #000000; /* Print */ --bds-offwhite: #F9F6F4; /* Text, Logo auf Dunkel */ --bds-tuerkis: #1EA2B1; /* Wellen, Logo-Variante */ --bds-gelb: #DFD934; /* Doodles, Handschrift-Akzente */ --bds-rot: #EA1B0A; /* Badges */ --bds-font: "Rubik", system-ui, sans-serif; --bds-font-hand: "BDS FreeHand", "Rubik", cursive; } ``` --- ## 2. Farben | Name | HEX | RGB | CMYK | Rolle | |---|---|---|---|---| | Grau | `#222222` | 34, 34, 34 | 74, 64, 60, 78 | Haupt-Hintergrund | | Türkis | `#1EA2B1` | 30, 162, 177 | 76, 14, 31, 1 | Wellen, Logo-Variante | | Gelb | `#DFD934` | 223, 217, 52 | 19, 4, 87, 0 | Doodles, Handschrift-Akzente | | Rot | `#EA1B0A` | 234, 27, 10 | 0, 95, 98, 0 | Badges | | Offwhite (Neutral 300) | `#F9F6F4` | 249, 246, 244 | 3, 4, 4, 0 | Text, Logo auf Dunkel | | Dunkelgrau | `#131313` | 19, 19, 19 | 79, 69, 61, 88 | | | Schwarz | `#000000` | 0, 0, 0 | 91, 79, 62, 97 | Print | Figma-Variablen: `BDS/Grau`, `BDS/Türkies`, `BDS/Gelb`, `BDS/Rot`, `BDS/Dunkelgrau`, `BDS/Neutral 300 (Off White)`. --- ## 3. Typografie ### Rubik (Hausschrift) - Schnitte: Bold, Medium, Regular, Light. **Kein Kursiv.** - Für Headlines und Fließtext. - Lizenz: SIL Open Font License (Google Font). ### BDS FreeHand (Handschrift-Akzent) - Ersetzt seit März 2025 "Trashhand". **Trashhand nicht mehr verwenden.** - Nur für kurze Akzente: einzelne Wörter oder sehr kurze Sätze, z. B. "jetzt hier klicken", "los", "neu". - **Nie** für längeren Lesetext oder Absätze. - Meist in Gelb `#DFD934`. ### Textstyles ("BDS Styles Library", alle Rubik) | Style | Größe (px) | Schnitt | Zeilenhöhe | Hinweis | |---|---|---|---|---| | Chapter | 122 | Bold | 1.0 | Versalien | | XL Headline | 96 | Bold | 1.0 | Versalien | | L Headline | 48 | Bold | 1.1 | Versalien | | M Headline | 40 | Bold | 1.1 | Versalien | | S Headline | 36 | Bold | 1.1 | Versalien | | Subline | 24 | Medium | 1.2 | Versalien, Variante "as typed" | | Mengentext 20 | 20 | Regular | 1.3 | | | Mengentext 16 | 16 | Regular | 1.3 | | | Mengentext 14 | 14 | Regular | 1.3 | | | Fußnote | 8 | Regular | 1.3 | | Headlines L bis S gibt es auch in Regular. Sonderfälle: 7 pt Fußnote, 11 pt kleiner Mengentext. --- ## 4. Logo - **Bildmarke**: nur das Symbol. - **Logo quer**: Bildmarke plus "BERMUDA / DIGITAL STUDIO" zweizeilig. - **Logo 3-zeilig**: "BERMUDA / DIGITAL / STUDIO". - Wortmarke: "BERMUDA" in Rubik Bold, "DIGITAL STUDIO" in Rubik Light. - Farbvarianten: Offwhite auf Grau, Türkis auf Hellgrau, Dunkel auf Hellgrau. - Logo nur proportional skalieren, nicht verzerren, nicht umfärben (außer in die drei Varianten). --- ## 5. Gestaltungselemente ### Badge - Rotes Rechteck `#EA1B0A`, weiße Versalien in Rubik Medium oder Bold, leicht abgerundete Ecken. - Größen: Large, Medium, Small. - Einsatz: **über einer Überschrift**, um das übergreifende Thema zu zeigen. Beispiele: "BDS", "BERMUDA DIGITAL STUDIO", "WORKSHOP". ### Welle - Türkis `#1EA2B1`, aufgebaut aus der "Master Wave" (1 Welle). - Fertige Sets: 6 Waves 5x, 8 Wellen 8x, 18 Wave 10x, Treppen-Set (1 bis 20 Wellen). - Nur proportional skalieren. **Nicht verzerren, Strichstärke nicht verändern.** ### Doodles (hand drawn) - Gelbe Handzeichnungen: Pfeile, Herzen, Sterne, Glühbirnen, Wolken usw. - Notizen dürfen mit eigener Handschrift entstehen. - Wenige Doodles, **außerhalb vom Text** platzieren. Nie über oder unter Text. ### Icons - Google Material Icons (fonts.google.com/icons). --- ## 6. Sachlich oder emotional - **Sachlich** (Zahlen, Fakten, Verträge): zurückhaltend, reduzierte Farbigkeit, wenige oder kleine Handzeichnungen. - **Emotional** (Titelfolien, Wallpaper): bunter, lauter, expressiver, größere Bilder und Zeichnungen. - Der BDS-Stil bleibt immer erkennbar. --- ## 7. Do's und No-Gos **Machen** - Proportional skalieren. - Großbuchstaben nur bei wenigen Wörtern, z. B. Überschriften. - Handschrift nur für kurze Sätze oder einzelne Wörter. - Wenige Elemente, gezielt eingesetzt und außerhalb vom Text platziert. - Marke, Welle und Doodle müssen nicht immer gemeinsam auf einer Seite sein. - Bento-Box-Layouts nutzen. **Nicht machen** - Wellen verzerren. - Strichstärke verändern. - Mengentext in Großbuchstaben oder in Handschrift. - Doodles über Text legen. - Doodles unter Text legen (schränkt die Lesbarkeit ein). - Gelber Rahmen. --- ## 8. Typische Anwendungen Titelfolien, Event-Folie, Design-Sprint-Folie, Infografik, Tasse (Merch), Folie mit Smartphone, Wallpaper (Desktop und Smartphone), Hero-Titelbilder, Miro-Cover, PowerPoint (940 px Variante). --- ## 9. Prompt-Baustein für KIs > Gestalte im Stil des Bermuda Digital Studio (BDS): Hintergrund #222222, Text #F9F6F4, Schrift Rubik (Headlines Bold in Versalien, Fließtext Regular). Akzente sparsam: türkise Wellen (#1EA2B1), ein rotes Badge (#EA1B0A, weiße Versalien) über der Headline, gelbe Handschrift (BDS FreeHand, #DFD934) nur für ein bis drei Wörter, gelbe Doodles nur außerhalb von Text. Kein Kursiv, kein gelber Rahmen, keine verzerrten Wellen. Bento-Box-Layouts sind erwünscht.