CORPORATE REBELLION
Brand Guide & Design Rebellion Manual
Logo
Mindestgröße
Logo: mindestens 120px breit (sonst unleserlich)
Icon: mindestens 32px (kleiner macht keinen Sinn)
Freiraum / Schutzzone
Gib dem Logo Luft zum Atmen: min. 1/4 der Höhe als Abstand. Kein Overcrowding.
Background-Rules
Primary Logo = nur auf dark backgrounds. Helle Hintergründe = Mono Dark nutzen. Easy.
Farben
Primary - Toxic Yellow
Die Hauptfarbe von Bossometer. Steht für Warnung, Aufmerksamkeit und rebellische Energie.
Secondary - Electric Purple
Gen-Z Energy. Für sekundäre Akzente und Highlights.
Accent - Hot Pink
Für CTAs, Warnungen und besondere Hervorhebungen. Sparsam einsetzen!
Neutrals
Dunkle Hintergründe mit Tiefe. Fast-Schwarz, nie reines Schwarz.
Text
Status
Verläufe
linear-gradient(90deg, #EEFF00, #FF006E) Toxic → Hotlinear-gradient(90deg, #00FF88, #EEFF00, #FF006E) Score Gradient (Good → Bad)linear-gradient(135deg, #9D4EDD, #FF006E) Electric → HotTypografie
Type Scale
Spacing
Effekte
Glow - Toxic
box-shadow: var(--glow-toxic); 0 0 20px rgba(238, 255, 0, 0.4), 0 0 40px rgba(238, 255, 0, 0.4)
Glow - Hot
box-shadow: var(--glow-hot); 0 0 20px rgba(255, 0, 110, 0.4), 0 0 40px rgba(255, 0, 110, 0.4)
Glow - Electric
box-shadow: var(--glow-electric); 0 0 20px rgba(157, 78, 221, 0.4), 0 0 40px rgba(157, 78, 221, 0.4)
Glitch Effect
animation: glitch Für Hero-Headlines und besondere Momente
Noise Texture
opacity: 0.03 Subtile Körnung über dem gesamten Interface
Scanlines
repeating-linear-gradient Retro CRT-Monitor Effekt für spezielle Bereiche
Easing Functions
--ease-bounce cubic-bezier(0.34, 1.56, 0.64, 1)
Playful, bouncy interactions--ease-smooth cubic-bezier(0.4, 0, 0.2, 1)
Standard smooth transitions--ease-sharp cubic-bezier(0.4, 0, 0.6, 1)
Quick, snappy movementsWording & Tone
Unsere Stimme
Bossometer ist dein digitaler Homie, der dir keine Märchen erzählt. Wir reden Klartext über toxische Chefs und beschissene Arbeitsbedingungen – mit einem Augenzwinkern, aber ohne Bullshit. Real talk, no corporate fluff.
Direkt
Kein Geschwafel. Wir sagen, was Sache ist – ohne um den heißen Brei zu reden.
Ehrlich
Real talk – auch wenn die Wahrheit brennt. Wir beschönigen nichts.
Frech
Wir dissen toxische Chefs, aber bleiben fair. Humor mit Biss, ohne low blows.
Solidarisch
Team Arbeitnehmer, immer. Wir sind deine Verbündeten gegen Axel und Co.
Beispiel-Phrasen
Bitte füllen Sie das Formular aus.
Besser:Lass uns deinen Chef bewerten – dauert max. 5 Min. 🚀
Ein Fehler ist aufgetreten.
Besser:Oops, da hat Axel den Server verstopft 💀 Versuch's nochmal!
Ihr Arbeitgeber wurde bewertet.
Besser:Dein Chef wurde gerade gebongt! 🔥 Komplett anonym, safe.
Do's & Don'ts
Do's
- Klartext reden – keine Umwege, kein Geschwafel
- Gen-Z Sprache natürlich einbauen – nicht cringe wirken
- Humor mit Biss – dissen ist ok, gemein sein nicht
- Red Flags direkt benennen – nix beschönigen
- "Du" statt "Sie" – immer!
- Kurze, knackige Sätze
- Emojis gezielt einsetzen – 🔥💀🚩 für Impact, nicht für Deko
Don'ts
- Corporate Bullshit Bingo ("Synergien", "stakeholdern", etc.)
- Buzzword-Spam – "innovativ", "disruptiv", "agil" bla bla
- Passive Formulierungen
- Übertriebene Höflichkeit – "Sehr geehrte" und so'n Zeug
- Veralteten Slang nutzen – "yolo", "swag" sind 2015 vibes 💀
- Oberlehrerhaft oder von oben herab kommunizieren
- Zu viele Fachbegriffe ohne Erklärung
Design Guidelines
Dunkle Hintergründe mit Neon-Akzenten
Helle, generische Backgrounds
Brutalist Typography (Bebas Neue) – kantig & rebellisch
Weichgespülte Round-Fonts
Neon-Glow für Highlights – toxic green brennt
Generische Drop Shadows
Ecken und Kanten (brutalist)
Überall border-radius
Asymmetrie & Tension – create chaos
Perfekt zentrierte Langeweile
Noise Texture für grit & depth
Flat, sterile Flächen ohne Persönlichkeit
Downloads
Logo Primary
Für dunkle Hintergründe
Logo Mono Dark
Für helle Hintergründe
Icon / Favicon
Speedometer Gauge
OG Image
Social Media Preview
Weitere Assets
Fonts befinden sich in /static/fonts/ - Bebas Neue, Space Mono, Kalam
Alle Assets sind DSGVO-konform und werden lokal gehostet.