PROfit Logo
PROfit
Anmelden

Branding-System – Setup-Verifikation

PROfit Zeiterfassung

Arbeits- und Ferienzeiterfassung für die Praxis Thun. Ablösung der Excel-Sheets durch eine eigenständige Web-App – mobile- und desktoptauglich, mit Live-Übersicht für das Büro und CH-Lokalisierung (DD.MM.YYYY, Europe/Zurich, 42h-Woche, Feiertage Kt. Bern).

AnmeldenAnwesendFerienKrank

Brand-Palette

Tailwind-Tokens werden direkt aus @theme in globals.css generiert.

Bälliz Deep
#1B3C8C
Primär – Navigation, Headlines
bg-balliz-deep
Signal Blue
#186FB6
Info-States
bg-signal-blue
Sky
#11ABDF
Akzent kühl
bg-sky
Motion Green
#2A9F45
Erfolg, Anwesend
bg-motion-green
Lime
#7DB930
Sekundär
bg-lime
Teal
#12ABD5
Sekundär
bg-teal
Ember
#E0860B
Primärer CTA
bg-ember
Sun
#F3DF06
Highlights
bg-sun
Alpine Red
#D54513
Danger
bg-alpine-red

Ink-Skala (Neutrale, Blau-Cast)

ink-900
#111624
ink-700
#384258
ink-500
#6E7891
ink-300
#B8BFCE
ink-200
#DCE0E9
ink-100
#EDEFF4
ink-50
#F7F8FB
paper
#FDFDFD

ink-300 ist eine Arbeitsannahme bis Original-Style-Guide bestätigt.

Abwesenheits-Farbcodierung

Legende mit Farb-Indikator. Im Wochenkalender werden die Bloecke mit der jeweiligen Volltonfarbe gefüllt – dort steht kein Text drin, deshalb ist Kontrast dort kein Thema.

Arbeitszeit
Ferien
Krankheit
Unfall
Mutterschaft
Operation
Unbezahlt
Weiterbildung
Sonstiges

Wave-Gradient

Die PROfit-Welle = Wirbelsäule. Nur als Band oder Linie verwenden, niemals als Fläche hinter Text.

Vertikales Band als Section-Divider oder Active-Tab-Indikator.

Typografie

font-display

Stunden, Ferien, Saldi – live im Blick.

Lusitana → Georgia
font-sans

Mitarbeitende erfassen ihre Arbeitszeit selbständig. Das Büro sieht Soll/Ist, Saldi und Ferien in Echtzeit. Stundenlöhner werden parallel zu Festangestellten ohne Sonderlogik abgebildet.

Web Serveroff → Inter → system