Brand

A frame of panes, one of them lit.

Taken from S1 Unleashed’s boot screen: dark glass, thin Inter, sky-to-violet light.

Open core for wall panelsApache-2.0

Frames · Panes · Kilnglassworks.dev

The mark

2:1, like the panel.

Three panes in a frame. Only the big one is lit. Every gap is 6 units.

Frame

The device.

Lit pane

The dashboard. The only colour in the mark.

Clear panes

Plugins.

192 px

96 px

48 px

32 · small cut

20 · favicon

Under 40 px wide, use the small cut: heavier frame, clear panes merged.

On night

On daylight

One colour

Lockups

One spelling: Glassworks.

Inter Light, −2.5% tracking, sentence case. Mark at 1.6 × cap height.

Primary

Glassworks

App icon, launcher, avatar

Always on dark, in either theme.

Kiln, the installer

Glassworks Kiln

The lit pane turns ember. Only Kiln uses it.

For frame projects

Built on Glassworks

For frame projects’ READMEs and sites.

Colour

Colour means something.

Greys from the S1 onboarding screen. Sky and violet mean on. Ember means Kiln. Status colours mean status.

Ground

Night#0a0b0f

Daylight#eceef2

Glasswhite 4.5% · edge 8%

Ink

Text#f4f4f5

Muted#a1a1aa

Faint, labels#63636b

Light

Sky#38bdf8

Violet#a78bfa

Lit, 135°sky → violet

Heat · Kiln only

Glow#fdba74

Ember#f43f5e

Firedglow → ember

Status

Ready#34d399

Working#fbbf24

Problem#fb7185

Type

Inter, thinner as it grows.

JetBrains Mono for anything people copy: entity IDs, capabilities, commands.

DisplayInter 200 · −3%

21:42

TitleInter 300 · −2%

Install S1 Unleashed on your panel

LabelInter 500 · caps +14%

Open wall panel · Starting

BodyInter 400 · 15/24

A pane says what it needs. The frame says what it has.

CodeJetBrains Mono 400

requires = setOf(SILABS_RADIO) · switch.s1_radio_permit_join

Glass

One surface.

Faint fill, hairline edge, blur. Light from top-left (sky) and bottom-right (violet). No drop shadows.

.glass {
  background: rgba(255,255,255,.045);   /* daylight: rgba(255,255,255,.66) */
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;                  /* panes inside it: 12px */
  backdrop-filter: blur(18px) saturate(1.2);
}

Choose your panel

Kiln · example

Aqara S1 PlusS1 Unleashed · FEL installTested

Sonoff NSPanel ProADB root, no boot patchPlanned

Connect over USB

One ember button per Kiln step.

Panes

Aqara S1 frame

AssistWake word and voice overlay

SendspinMusic Assistant player

Zigbee / Thread radioCoordinator, router or border router

Wall baseNeeds the S1 wall base. This panel isn’t on one.

On is lit. Unavailable panes say why.

radius

22 for tiles, 12 inside. On the panel, 5.6% of tile width.

anatomy

Label top-left, status top-right, big content bottom-left.

daylight

Web follows the viewer’s theme. The panel stays dark.

Vocabulary

Frame, Pane, Kiln.

1.6 px stroke on a 24 px grid.

Frame

One device definition: hardware, capabilities and the panes it ships. frames/aqara-s1/

Pane

A plugin. Hardware and feature panes are one type and differ only in requires.

Kiln

The installer that fires a stock device into a panel. kiln.glassworks.dev

Motion

Light moves; glass doesn't.

No bouncing, scaling or sliding. All of it stops under reduced motion.

sweep · 1.5 s · once

Waking

A diagonal sheen on boot, sign-in and install.

drift · 6 s · loop

Alive

Background glows drift, slowly enough to miss.

breathe · 2 s · loop

Status

Only the status dot pulses.

Don't

Four rules.

Flatten the light

Keep the gradient.

Turn it portrait

It’s always landscape.

Light on light

Use one colour on coloured backgrounds.

Glassworks for
Home Assistant

Borrow trademarks

Taglines only, never names.

Downloads

SVGs.

No wordmark file yet. Set it in Inter Light.