The Baie Sereine website
Network
All Properties

Every figure on the page adds up the whole network. Pick a property to work inside it.

14Properties
10Products
9Countries
42 Arrivals 7 Pending
Create New BookingB New QuoteQ New Property New Offer Invite Teammate
NotificationsMark All Read
New booking HB-240918 at Baie Sereine: Cliffside Suite, 4 nights.2 min ago Royalty statement RS-2026-09 is due from Raa Atoll in 3 days.25 min ago New partner application from Mistral Yacht Club, Antibes.1 hour ago Work order overdue: Pool Villa 12 air conditioning.3 hours ago 5-star review for Ubud Canopy on Google from Charlotte Dubois.Yesterday
View All Notifications
Charlotte Hayescharlotte.hayes@example.com
My Profile Notifications Settings Plan & Billing Support
Lock Screen Sign Out

UI Kit

Every component and every state the dashboard is built from, in both themes.

UI Kit

Colours & Type

The Hibo ink and paper, the four pillars, and their deep shades for text on light grounds.

Ink--hbd-color-ink#0E1014
Raised--hbd-color-raised#171A21
Paper--hbd-color-paper#F4F2ED
White--hbd-color-white#FFFFFF
Coral--hbd-color-coral#FF6B4A
Iris--hbd-color-iris#5B7CFF
Jade--hbd-color-jade#22B07D
Amber--hbd-color-amber#FFB547
Coral Deep--hbd-color-coral-deep#C53F20
Iris Deep--hbd-color-iris-deep#3450CC
Jade Deep--hbd-color-jade-deep#137452
Amber Deep--hbd-color-amber-deep#955F0B

Type

Schibsted Grotesk 700/800 for headings and figures, Onest 400/500/600 for text

Heading One 38

Heading Two 26

Heading Three 20

Heading Four 17

Lead text, Onest 16 — one line under every page title.

Body text, Onest 15. Tables use 14, labels 13 in sentence case; only table headers use capitals.

Table header   $1,284,500   HB-240918
UI Kit

Buttons

Every action in the dashboard is one of these.

Buttons

Coral primary with the house double arrow; outline for secondary; round icon buttons. Click one to copy its classes

Text Link
UI Kit

Badges & Roles

Status, role, product and people markers.

Badges, Roles & Avatars

Round tints; role markers match the sidebar letters

ConfirmedChecked InPendingOverdueDraftPaidScheduledFailed
OOwnedFFranchisedPPartnerRReferrerSSaaS
Hotel & ResortEco Lodge & VillasSki Resort & ChaletsPrivate Jet CharterChauffeur & Black Car
CD+9SPLASH10Ctrl
UI Kit

KPI Tiles

Compact pillar cards with a count-up figure, a delta and a sparkline.

Occupancy
78%
3.1 pts vs last week
Revenue
$184,200
2.4% vs last week
Arrivals
42
Across 11 properties
Pending
7
0 since yesterday
UI Kit

Cards

The base surface of every page.

Standard Card

Head, body, foot

A card with a head, a body and a foot. Cards take a 10px corner and a soft lift.

Updated 4 min agoOpen

Clickable Card

Clickable cards lift and take a 2px ring in a pillar colour on hover.

Finish Setting Up Portovenere

Four steps left before it can take bookings.

Continue Setup
UI Kit

Tables & States

The list view every list page uses, with its empty, no-results, loading and error states.

List View

Toolbar, pills, chips, bulk bar, sortable table, pager. Use the ... menu to preview every state.

Filtered byProperty: Baie SereineArrives: Next 30 Days
PropertyStatusActions
Charlotte DuboisCharlotte DuboisHB-240918Baie Sereine02 OctDeposit Paid$3,565
ViewEdit
Omar TanakaOmar TanakaHS-240781Zermatt Alpine29 SepChecked In$1,571
ViewEdit
Zara RossiZara RossiHT-240644Hibotour Journeys12 OctAwaiting Deposit$20,750
ViewEdit
Mateo CastilloMateo CastilloHB-240507Raa Atoll29 SepChecked In$5,916
ViewEdit
Maya NakamuraMaya NakamuraHK-240370Riverside Nursery14 OctPending$360
ViewEdit
Rafael PetrovRafael PetrovHC-240233Hibo Concierge Desk28 SepConfirmed$18,400
ViewEdit
Showing 1–6 of 1,284

No Bookings Yet

Bookings from every property land here. Create the first one or connect a website.

New Booking

No Matches

Nothing matches these filters. Try a different search or clear the filters.

We Could Not Load This

Something went wrong on our side. Try again in a moment; if it keeps happening, contact support.

Error 500 · ref 7F3A-21C9
UI Kit

Forms

Fields with their help, error and valid states.

Fields

Label, control, addons, help, error and valid states

As it appears on the passport.This field is required.
Enter a valid email address.
USD
This field is required.
%
This field is required.
Choose an option.
Choose an option.
This field is required.
This field is required.
This field is required.
This field is required.
UI Kit

Choices

Checks, radios, switches, chips and radio cards.

Checks, Switches, Chips & Radio Cards

Accept bookingsOpen this property for new bookings
Stop-sell tonightClose all units for tonight only
UI Kit

File Upload

The drop zone and the file rows it produces.

File Upload

Empty, drag over, uploading, done and error

Drop Files Here Or BrowsePNG, JPG or PDF up to 10 MB
Replace The LogoSVG or PNG, 1 MB
passport-charlotte.pdf2.1 MB · uploaded
room-photos.zipUploading 64%
contract-scan.heicThis file type is not supported
UI Kit

Tabs & Steps

Moving between views and through a wizard.

Tabs, Steps & Segments

A step shows done, current, error or upcoming

The first tab's content.

Units.

Team.

Money.

PropertyType and role
!LocationAddress and map
3UnitsRooms or fleet
4ReviewCheck and publish
UI Kit

Alerts & Toasts

Messages inside a page, and the toast after an action.

Alerts & Toasts

Inline messages, and the toast every save uses

Seasons updatedThe winter seasons were pushed to 3 owned houses.
Payment dueRaa Atoll's royalty statement is due in 3 days.
Open Statement
Heads upRates for December are still the brand defaults.
UI Kit

Modals & Drawers

Quick forms, confirmations and row inspectors.

Modals & Drawers

Quick forms, confirmations and row inspectors

UI Kit

Empty, Loading, Error

Every list and widget ships all four.

Empty

No Offers Yet

Dated offers for every property live here. Create the first one.

New Offer

No Results

No Matches

Nothing matches these filters.

Loading

Error

We Could Not Load This

Something went wrong on our side. Try again in a moment; if it keeps happening, contact support.

Error 500 · ref 7F3A-21C9
UI Kit

Charts

ApexCharts in the pillar palette; they redraw when the theme changes.

Area

Stacked Bars

Donut

Line

No Data

No Data In This RangeChoose a wider range or another property.

Radial

UI Kit

Calendars & Boards

Tape chart, month calendar, time grid and kanban.

Tape Chart

Units against nights: stays, holds, requests, blocks

Unit
Sun27Mon28Tue29Wed30Thu1Fri2Sat3Sun4Mon5Tue6Wed7Thu8Fri9Sat10
Suites
Cliffside 401Cliffside Suite
Charlotte Dubois4 nightsLucas Moretti
Cliffside 402Cliffside Suite
Isla TanakaHold 20 min
Pool Villa 12Pool Villa
Out of order: ACRequest

Month Calendar

Events, prices and closed days

Time Grid

Resources across, half-hours down; a clash is hatched

Treatment Room 1Therapist: Nadia
Treatment Room 2Therapist: Ines
HammamShared
08:0009:0010:0011:0012:0013:00
Salt Circuit09:00 · 90 min
Deep Tissue09:30 · 60 min
Facial Menton10:00 · clashes
Hammam Ritual08:30 · 3 h

Kanban

Drag a card to another column

New1
Mistral Yacht ClubPartner · Antibes
KYC
Reviewing1
Atlas KidsFranchise · Dubai
Approved1
Oceanside VillasPartner · Algarve
Live
UI Kit

Lists & Timeline

Summaries, activity, records and meters.

Key-Value Summary

Room
$2,880.00
Fourth night free
−$720.00
Resort fee
$152.00
Tax 11%
$254.98
Total
$2,566.98

Timeline

Deposit paid $1,084.25Today, 09:12
Confirmation sent to the guestToday, 09:12
Booked on the websiteYesterday, 22:48
Special request: a cot in the room.

Record Rows

GuestCharlotte DuboisCircle Gold · 11 stays$81,600lifetime
Vega CJLight jet · 6 seatsAvailable
Baie SereineBaie Sereine86 rooms · MentonOOwned

Meters & Stacked Bar

Rooms86 / 100 units
Staff Seats24 / 25
Bookings This Month3,284 / Unlimited
Clean 54Dirty 18Inspected 10Out 4

Booking HB-240918

A row inspector

Guest
Charlotte Dubois
Unit
Cliffside Suite
Dates
30 Sep – 04 Oct
Total
$3,614.18
Open Booking