Brand Kit · Intern

FloBa Media Branding

Farbcodes, Logo-Varianten und ein maschinenlesbares JSON-Brand-Kit. Nicht im Menü verlinkt, aber unter /branding/ erreichbar (auch fuer KI-Agenten).

Farben

Hex-Codes sind als Text markierbar und kopierbar. Primär: Navy + Accent.

Navy

#092a49

Primaerflaechen, Header, dunkle Sections

Navy Deep

#061c33

Tiefe Hintergruende, Footer

Accent

#45a4fe

CTAs, Links, Highlights

Accent Soft

#5baefc

Hover und weichere Akzente

Ink

#1a2433

Text auf hellen Flaechen

Muted

#5b6b7c

Sekundaertext

Surface

#f4f7fb

Helle Flaechen

White

#ffffff

Text auf Dunkel

HEADING + BODY

System UI

Serifenlose Systemschrift: Headlines 750–800, Navigation 650–700, Fließtext 500. Ohne zusätzlich geladene Webfonts.

RADIEN

12px und 16px

Buttons 12px, Cards 16px, Card-BG rgba(255,255,255,0.05), Border rgba(255,255,255,0.10)

Logos

Aktuelle Logo-Varianten (v3). Weisse Varianten auf Dunkel, farbige Wordmark auf Hell.

Mark Icon

Quadratisch - Favicon, Avatar, App-Icon

https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3-1024x1024-1.png

Wordmark Farbe

Horizontal - fuer helle Hintergruende

https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3_with_text-438x150-1.png

Wordmark Weiss

Horizontal - fuer dunkle Hintergruende

https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3_with_text-438x150-white.png

Stacked Weiss

Zentriert - Social und Platzhalter

https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3_below_text-1024x1024-white.png

Brand Kit JSON

Maschinenlesbar fuer KI-Agenten und Tools. Button kopiert das JSON.

{
  "brand": "FloBa Media",
  "url": "https://www.floba-media.de",
  "page": "https://www.floba-media.de/branding/",
  "typography": { "heading": "System UI", "body": "System UI" },
  "colors": {
    "Navy": "#092a49",
    "Navy Deep": "#061c33",
    "Accent": "#45a4fe",
    "Accent Soft": "#5baefc",
    "Ink": "#1a2433",
    "Muted": "#5b6b7c",
    "Surface": "#f4f7fb",
    "White": "#ffffff"
  },
  "usage": {
    "radiusButton": "12px",
    "radiusCard": "16px",
    "cardBackgroundDark": "rgba(255,255,255,0.05)",
    "cardBorderDark": "rgba(255,255,255,0.10)",
    "bodySoftOnDark": "rgba(255,255,255,0.78)"
  },
  "logos": [
    { "key": "mark", "label": "Mark / Icon", "background": "dark", "mediaId": 100780, "url": "https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3-1024x1024-1.png" },
    { "key": "wordmark-color", "label": "Wordmark Farbe", "background": "light", "mediaId": 100774, "url": "https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3_with_text-438x150-1.png" },
    { "key": "wordmark-white", "label": "Wordmark Weiss", "background": "dark", "mediaId": 100775, "url": "https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3_with_text-438x150-white.png" },
    { "key": "stacked-white", "label": "Stacked Weiss", "background": "dark", "mediaId": 100778, "url": "https://www.floba-media.de/wp-content/uploads/2026/07/FBM-Logo_v3_below_text-1024x1024-white.png" }
  ]
}