BIPRO Design System

Farben

settings.color.palette → var(--wp--preset--color--{slug})

Dunkel Base Hell
Dark
#1d1d1b
Dunkel Base Hell
Light
#ffffff
Dunkel Base Hell
Primary
#b61525
Dunkel Base Hell
Secondary
#004888
Dunkel Base Hell
Background Alt
#f4ede7
Dunkel Base Hell
Background Alt Light
color-mix(in srgb, #f4ede7 35%, #fff)
Dunkel Base Hell
Accent 1
#f08866
Dunkel Base Hell
Accent 2
#ea554e
Dunkel Base Hell
Accent 3
#9db0c0
Dunkel Base Hell
Accent 3 Light
color-mix(in srgb, #9db0c0 35%, #fff)
Dunkel Base Hell
Accent 4
#006fb0
Dunkel Base Hell
Accent 5
#95af3d
Dunkel Base Hell
Accent 6
#3e7e3c

Typografie

settings.typography.fontSizes → var(--wp--preset--font-size--{slug})

Größe Wert Vorschau
Small
0.875rem → 1rem
fluid 375px → 1440px
Aa — Über BiPRO
Medium
1rem → 1.25rem
fluid 375px → 1440px
Aa — Über BiPRO
Large
1.5rem → 2rem
fluid 375px → 1440px
Aa — Über BiPRO
X-Large
2rem → 3rem
fluid 375px → 1440px
Aa — Über BiPRO
XX-Large
2.5rem → 4rem
fluid 375px → 1440px
Aa — Über BiPRO

Schriftarten

settings.typography.fontFamilies → var(--wp--preset--font-family--{slug})

Open Sans
'Open Sans', sans-serif
Ag 300 · Light
Ag 400 · Regular
Ag 500 · Medium
Ag 600 · SemiBold
Ag 700 · Bold
Ag 800 · ExtraBold
Courier New
'Courier New', monospace

Typografie-Elemente

Schriftgröße, Gewicht, Zeilenhöhe und Laufweite je Element aus styles.elements

body
Aa — Über BiPRO
font-size var:preset|font-size|medium
line-height 1.5
font-family var:preset|font-family|sans
heading (base)
Aa — Über BiPRO
font-weight 700
line-height 1.2
h1
Aa — Über BiPRO
font-size var(--wp--preset--font-size--xx-large)
font-weight 700
line-height 1.1
letter-spacing var:custom|letter-spacing|heading
h2
Aa — Über BiPRO
font-size var(--wp--preset--font-size--x-large)
font-weight 500
letter-spacing var:custom|letter-spacing|heading
h3
Aa — Über BiPRO
font-size var(--wp--preset--font-size--large)
h4
Aa — Über BiPRO
font-size var(--wp--preset--font-size--medium)
line-height 1.3
h5
Aa — Über BiPRO
font-size var(--wp--preset--font-size--small)
line-height 1.4
h6
Aa — Über BiPRO
font-size var(--wp--preset--font-size--small)
line-height 1.4

Layout-Breiten

settings.layout → Content- und Wide-Breite

Content
720px
Wide
1400px

Abstände

settings.spacing.spacingSizes → var(--wp--preset--spacing--{slug})

Tiny
clamp(0.5rem, 0.412rem + 0.3756vw, 0.75rem)
X-Small
clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem)
Small
clamp(2rem, 1.824rem + 0.7512vw, 2.5rem)
Regular
clamp(2rem, 1.6479rem + 1.5023vw, 3rem)
Large
clamp(2rem, 1.1189rem + 3.7594vw, 4.5rem)
X-Large
clamp(3rem, 1.9427rem + 4.5113vw, 6rem)
XX-Large
clamp(4.5rem, 3.2661rem + 5.2632vw, 8rem)

Eckradius

settings.custom.radius → var(--wp--custom--radius--{slug})

small 4px
medium 8px
large 12px
xlarge 24px
full 999px

Schatten

settings.custom.shadow → var(--wp--custom--shadow--{slug})

low
medium
high

Icons

Phosphor Icons (Web Font) — Klasse: ph ph-{name}

@phosphor-icons/web — Regular
Web Font in assets/fonts/phosphor-regular.css. 1530+ Icons verfügbar. phosphoricons.com

Im Einsatz

copy DS copy chips
sun Footer theme toggle
moon Footer theme toggle
caret-down Navigation dropdown

Patterns

Wiederverwendbare Seitenabschnitte — in Arbeit.

🖼
Hero Cover
Vollbild-Cover mit Titel, Intro und Buttons
WIP
🃏
Themen Grid
3-spaltiges Raster mit bipro/card
WIP
📣
CTA Banner
Dunkler Abschnitt mit Headline und Button
WIP
📰
News-Raster
Beitragsraster via wp:query Block
WIP
⬇
Downloads
ACF-Repeater mit Filterfunktion
WIP
📅
Termine
ACF-Repeater mit Datum und Ort
WIP

Sitemap

Geplante Seitenarchitektur der neuen BIPRO-Website

Statische Seite Taxonomie-Hub Event-Seite Conversion-Seite DEV MODE
Startseite Übersicht
Über BiPRO Übersicht
Mitglieder content
Gremien content
Team content
Geschichte content
Kooperationen content
Österreich content
Themen Übersicht
Leben
Neuigkeiten Projekte Medien Termine Downloads
Sach, Unfall & Haftpflicht
Neuigkeiten Projekte Medien Termine Downloads
Rechtschutz
Neuigkeiten Projekte Medien Termine Downloads
Kranken
Neuigkeiten Projekte Medien Termine Downloads
Kraftfahrt
Neuigkeiten Projekte Medien Termine Downloads
Gewerbe
Neuigkeiten Projekte Medien Termine Downloads
FIDA
Neuigkeiten Projekte Medien Termine Downloads
Digitales Maklerbüro
Neuigkeiten Projekte Medien Termine Downloads
Termine Übersicht
BIPRO-Tag
DKM
Maklergespräche
Community Übersicht
BIPRO-Radar
BIPRO-Awards
Aktuelles Globale News, themenübergreifend
Mitglied werden Landing page
DEV MODE working title
Normen & Standards Overview
Schulungen Übersicht & Anmeldungen
Downloads / Specs Overview
Footer
Newsletter Formular
Presse News-Kategorie
Mustervertrag
Impressum Rechtliches
Datenschutz Rechtliches
Cookie-Einstellungen Rechtliches

Seitenvergleich

Neue Seiten vs. bipro.net — Basis für SEO-Weiterleitungen (301) und Datenmigration

28 Neue Seiten gesamt
28 Gleicher Slug
0 Redirect nötig
0 Nur auf neuer Site
17/28 Mit Meta-Beschreibung
1 Alte Seiten ohne Nachfolger
Neue Seite Alte Seite (bipro.net) Status
Themen
/themen/ — noch keine Meta-Beschreibung
Themen
/themen/ 		Gleich
Digitales Maklerbüro
/digitales-maklerbuero/ — noch keine Meta-Beschreibung
Digitales Maklerbüro
/termine/digitales-maklerbuero/ 		Gleich
Termine
/termine/ — noch keine Meta-Beschreibung
Termine
/termine/ 		Gleich
Community
/community/ Werde Teil der BIPRO Community und vernetze dich mit über 300 Unternehmen. Gemeinsam gestalten wir die digitale Zukunft der Versicherungsbranche.
Community
/community/ Werde Teil der BIPRO Community und vernetze dich mit über 300 Unternehmen. Gemeinsam gestalten wir die digitale Zukunft der Versicherungsbranche. 		Gleich
Mitglied werden
/mitglied-werden/ Werde Teil der BIPRO Community und gestalte Standards, Digitalisierung und Vernetzung in der Versicherungsbranche aktiv mit.
Mitglied werden
/mitglied-werden/ Werde Teil der BIPRO Community und gestalte Standards, Digitalisierung und Vernetzung in der Versicherungsbranche aktiv mit. 		Gleich
20 Jahre BIPRO
/20-jahre-bipro/ 20 Jahre BIPRO: Feier mit uns das Jubiläumsjahr 2026! Entdecke Veranstaltungen, Aktionen, Meilensteine und die Geschichte von BIPRO – zwei Jahrzehnte Standardisierung für die Versicherungsbranche.
20 Jahre BIPRO
/20-jahre-bipro/ 20 Jahre BIPRO: Feier mit uns das Jubiläumsjahr 2026! Entdecke Veranstaltungen, Aktionen, Meilensteine und die Geschichte von BIPRO – zwei Jahrzehnte Standardisierung für die Versicherungsbranche. 		Gleich
BIPRO
/ueber-bipro/ Erfahre mehr über BIPRO, das Brancheninstitut für Prozessoptimierung. Gemeinsam mit über 300 Mitgliedsunternehmen entwickeln wir Standards für die digitale Versicherungs- und Finanzdienstleistungsbranche.
BIPRO
/ueber-bipro/ Erfahre mehr über BIPRO, das Brancheninstitut für Prozessoptimierung. Gemeinsam mit über 300 Mitgliedsunternehmen entwickeln wir Standards für die digitale Versicherungs- und Finanzdienstleistungsbranche. 		Gleich
BIPRO auf der DKM
/dkm/ — noch keine Meta-Beschreibung
BIPRO auf der DKM
/termine/dkm/ 		Gleich
BIPRO Geschäftsstelle
/bipro-geschaeftsstelle/ Lerne das BIPRO Team kennen. Hier findest du alle Ansprechpartner der Geschäftsstelle sowie die richtigen Kontakte für Normung, Projekte, Marketing, IT und mehr.
BIPRO Geschäftsstelle
/ueber-bipro/bipro-geschaeftsstelle/ Lerne das BIPRO Team kennen. Hier findest du alle Ansprechpartner der Geschäftsstelle sowie die richtigen Kontakte für Normung, Projekte, Marketing, IT und mehr. 		Gleich
BIPRO in Österreich
/oesterreich/ Entdecke BIPRO Österreich, die Ständige Versammlung Österreich und gemeinsame Aktivitäten für digitale Standards im Versicherungsmarkt.
BIPRO in Österreich
/ueber-bipro/oesterreich/ Entdecke BIPRO Österreich, die Ständige Versammlung Österreich und gemeinsame Aktivitäten für digitale Standards im Versicherungsmarkt. 		Gleich
BIPRO Normen
/bipro-normen/ Entdecke die BIPRO Normen mit RClassic und RNext für standardisierte Prozesse, APIs und digitalen Datenaustausch.
BIPRO Normen
/ueber-bipro/bipro-normen/ Entdecke die BIPRO Normen mit RClassic und RNext für standardisierte Prozesse, APIs und digitalen Datenaustausch. 		Gleich
BIPRO Radar
/bipro-radar/ Entdecke mit dem BIPRO Radar, welche Unternehmen BIPRO Normen nutzen, und finde passende Anbindungspartner für deine Projekte.
BIPRO Radar
/community/bipro-radar/ Entdecke mit dem BIPRO Radar, welche Unternehmen BIPRO Normen nutzen, und finde passende Anbindungspartner für deine Projekte. 		Gleich
BIPRO Tag
/bipro-tag/ — noch keine Meta-Beschreibung
BIPRO Tag
/termine/bipro-tag/ 		Gleich
BIPRO4all
/bipro4all/ Nutze BIPRO Normen auch ohne Mitgliedschaft. Entdecke BIPRO4all und finde das passende Normpaket für dein Unternehmen.
BIPRO4all
/bipro4all/ Nutze BIPRO Normen auch ohne Mitgliedschaft. Entdecke BIPRO4all und finde das passende Normpaket für dein Unternehmen. 		Gleich
Corporate Design
/corporate-design/ Lade Logos, Designvorlagen und weitere Materialien im BIPRO Corporate Design herunter und nutze sie einheitlich und markengerecht.
Corporate Design
/corporate-design/ Lade Logos, Designvorlagen und weitere Materialien im BIPRO Corporate Design herunter und nutze sie einheitlich und markengerecht. 		Gleich
Datenschutz
/datenschutz/ — noch keine Meta-Beschreibung
Datenschutz
/datenschutz/ 		Gleich
Downloads
/downloads/ — noch keine Meta-Beschreibung
Downloads
/downloads/ 		Gleich
Home
/home/ Entdecke BIPRO – die Community für Standards, Digitalisierung und Vernetzung in der Versicherungs- und Finanzdienstleistungsbranche.
Home
/ Entdecke BIPRO – die Community für Standards, Digitalisierung und Vernetzung in der Versicherungs- und Finanzdienstleistungsbranche. 		Gleich
Impressum
/impressum/ — noch keine Meta-Beschreibung
Impressum
/impressum/ 		Gleich
Karriere
/karriere/ Starte deine Karriere bei BIPRO. Entdecke Jobs, Ausbildung, duales Studium und spannende Aufgaben in der digitalen Versicherungsbranche.
Karriere
/karriere/ Starte deine Karriere bei BIPRO. Entdecke Jobs, Ausbildung, duales Studium und spannende Aufgaben in der digitalen Versicherungsbranche. 		Gleich
Kontakt
/kontakt/ Nimm Kontakt mit BIPRO auf. Hier findest du Ansprechpartner, Kontaktdaten und alle Infos für deinen Besuch in Meerbusch.
Kontakt
/kontakt/ Nimm Kontakt mit BIPRO auf. Hier findest du Ansprechpartner, Kontaktdaten und alle Infos für deinen Besuch in Meerbusch. 		Gleich
Mediathek
/mediathek/ Entdecke Beiträge, Videos, Webinare, Präsentationen und Aufzeichnungen aus der BIPRO Community – Wissen für die digitale Versicherungsbranche.
Mediathek
/community/mediathek/ Entdecke Beiträge, Videos, Webinare, Präsentationen und Aufzeichnungen aus der BIPRO Community – Wissen für die digitale Versicherungsbranche. 		Gleich
Medien
/medien/ — noch keine Meta-Beschreibung
Medien
/medien/ 		Gleich
Mitgliederübersicht
/mitglieder/ Entdecke über 300 BIPRO Mitgliedsunternehmen mit Logos, Kontaktdaten und Unternehmensprofilen aus der Versicherungsbranche.
Mitgliederübersicht
/ueber-bipro/mitglieder/ Entdecke über 300 BIPRO Mitgliedsunternehmen mit Logos, Kontaktdaten und Unternehmensprofilen aus der Versicherungsbranche. 		Gleich
Newsletter
/newsletter/ — noch keine Meta-Beschreibung
Newsletter
/newsletter/ 		Gleich
Normnutzungsbedingungen
/normnutzungsbedingungen/ — noch keine Meta-Beschreibung
Normnutzungsbedingungen
/normnutzungsbedingungen/ 		Gleich
Projekte
/projekte/ Entdecke aktuelle BIPRO Projekte und gestalte gemeinsam Standards für die digitale Versicherungs- und Finanzdienstleistungsbranche.
Projekte
/projekte/ Entdecke aktuelle BIPRO Projekte und gestalte gemeinsam Standards für die digitale Versicherungs- und Finanzdienstleistungsbranche. 		Gleich
Unsere Gremien
/gremien/ Gestalte die Zukunft der Versicherungsbranche mit. Entdecke die BIPRO Gremien und bringe dein Fachwissen in die Normungsarbeit ein.
Unsere Gremien
/ueber-bipro/gremien/ Gestalte die Zukunft der Versicherungsbranche mit. Entdecke die BIPRO Gremien und bringe dein Fachwissen in die Normungsarbeit ein. 		Gleich

Alte Seiten ohne Nachfolger

Seiten auf bipro.net, für die es aktuell keine entsprechende neue Seite gibt. Redirect-Ziel muss noch festgelegt werden.

Titel (bipro.net) URL Status
Design System
 /design-system/ Kein Nachfolger