Skip to content

Breezy · crisp · coastal

Harbour

Harbour navy on sailcloth cream, over dunes drawn in the look's own colours. The layout arranges itself to fit each screen.

For the screen by the front door or in a bright hallway. Harbour sets navy type on sailcloth cream over dunes drawn in the look's own colours, and text over the dunes keeps its contrast. Its layout arranges itself to fit each screen. It needs no source of its own.

Harbour dashboard with synthetic sample data
Actual Denframe renderer with synthetic sample data. Landscape, portrait and square previews use this release’s layout. Your sources remain local.

By Denframe · version 1.0.0 · MIT

From the Denframe Library · not part of the app. Add it to your Denframe. This website does not connect to or control your home.

Add it to your Denframe

Opens Harbour in your own Denframe's Library, where you choose Get. Only its id is in the link: nothing about your home comes here.

In Denframe: Studio → Library → Get more → Add by id.

  • Denframe in Home Assistant opens only through Home Assistant’s sidebar, which a link can’t reach: copy the id, then in Denframe choose Studio → Library → Get more → Add by id.
  • The desktop app answers only on its own computer (127.0.0.1), at a port that can change: open Denframe from the app, then use Add by id.
  • Your browser opens your Denframe’s address itself. Some browsers ask before a public website opens an address on your home network (Local Network Access): allow it, or use Add by id.

Make it yours

Add Harbour from Get more in Studio → Library, then choose Use this look on…

What you need

  • No source required for the look

Once it is added, open it in Studio → Library, then choose Use this look on…. Your sources and credentials stay on your own host.

Using the library

Looking up the file…

Read the look specification

Considered details

  • Navy type on warm cream, over dunes drawn in the look's own colours
  • Text over the dunes keeps its contrast
  • The responsive layout arranges each screen

Its colours

  • Background · #f1ebe0
  • Surfaces · #fbf7f0
  • Text · #14233a
  • Quieter text · #46546a
  • Accent · #1d4e89