Hostify mobile app: the dark scheme Contents

Hostify mobile app

The dark scheme

The main screens in light and in dark, side by side

October 2026

Laid out for A4 as well: Print, "Save as PDF", paper A4, background graphics on.

1 The dark scheme

Hostify follows the phone's appearance. When the phone is set to dark, the app turns dark too; it has no separate setting for it.

Every colour on these screens comes from a design token that holds a light value and a dark value. Changing the look means changing a token, and both schemes pick up the change. Status colours and the red and green of money mean the same thing in both.

Each pair shows the same screen with the same data, light on the left and dark on the right. The pictures were captured from the running app on the iOS simulator, not drawn.

2 Inbox

The list and a conversation.

Light
Light
Dark
Dark
Light
Light
Dark
Dark

3 Calendar

All listings on one grid, and one listing by month.

Light
Light
Dark
Dark
Light
Light
Dark
Dark

4 Reservations

The list, one booking, and its money.

Light
Light
Dark
Dark
Light
Light
Dark
Dark
Light
Light
Dark
Dark

5 Tasks

A worker's day and one task.

Light
Light
Dark
Dark
Light
Light
Dark
Dark

6 Revenue

The figures, and one owner statement.

Light
Light
Dark
Dark
Light
Light
Dark
Dark

7 Charts

The charts take their colours from the same tokens: lines, donuts and their legends in light and in dark.

Light
Light
Dark
Dark
Light
Light
Dark
Dark
Light
Light
Dark
Dark
Light
Light
Dark
Dark

8 Listings

The list and one listing.

Light
Light
Dark
Dark
Light
Light
Dark
Dark

9 The owner

The owner's dashboard.

Light
Light
Dark
Dark

10 Sheets and forms

A filter sheet over the list, and a form.

Light
Light
Dark
Dark
Light
Light
Dark
Dark

11 Account and sign-in

The account page and the sign-in screen.

Light
Light
Dark
Dark
Light
Light
Dark
Dark