Brand colors — Admin components
Brand colors
Blue FWI
--blue-color
Blue FWI hover
--blue-hover-color
Gold FWI
--gold-color
Gold FWI hover
--gold-hover-color
Calendar colors (Bookings)
Confirmed
Background
Text
Preview Confirmed
Pending
Background
Text
Preview Pending
Hold 48h
Background
Text
Preview Hold 48h
Owner Booking
Background
Text
Preview Owner Booking
Owner Stay
Background
Text
Preview Owner Stay
Work
Background
Text
Preview Work
Buttons
Primary
|
Background
Hover
Danger
|
Background
Hover
Secondary
|
Background
Hover
Warning
|
Background
Hover
Other
Status badges
Accounts
Enabled
|
Background
Text
Disabled
|
Background
Text
Villas
to rent
|
Background
up to sale
|
Background
web visible
|
Background
Text
Navigation (tabs)
Active tab
|
Background
Alerts
Success message
Background
Error message
Background
Warning message
Background
Information message
Background
Tables
| Name | Role | Status | Action | |
|---|---|---|---|---|
| Jean Dupont | jean@example.com | admin | Enabled |
|
| Marie Martin | marie@example.com | agent | Disabled |
|
Forms
Example of form .shadow-fwi-lg .rounded
Navigation by tabs
Tabs type "manage account"
Content of tab Agent
Content of tab Agency
Content of tab Owner
Content of tab Users
Tabs type "edit villa" (badges)
Dropdown menus
Typography & utilities
Titre Baskerville .font-baskerville
Subtitle Baskerville
Standard text (Avenir, 16px)
Blue FWI text .text-blue-fwi
Gold FWI text .text-gold-fwi
Standard link — hover in blue FWI
bg-blue-fwi
bg-gold-fwi
border-blue-fwi
border-gold-fwi
0 color(s) modified