Skip to content

Earthy · sunlit · homely

Terracotta

Sand-coloured paper, deep brown type and a fired-clay accent. The layout arranges itself to fit each screen.

For a kitchen or breakfast-room screen that should feel warm rather than technical. Terracotta puts deep brown type on sand-coloured paper with a fired-clay accent, and its layout arranges itself to fit each screen. It needs no source of its own.

Terracotta 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 Terracotta 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 Terracotta 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

  • Sand paper, deep brown type and a fired-clay accent
  • The responsive layout arranges each screen
  • Source Serif 4 details, as in Linen

Its colours

  • Background · #efe3d3
  • Surfaces · #f8f0e4
  • Text · #2a1a11
  • Quieter text · #5f4636
  • Accent · #9a3f1b