GlassHomeDash
Install
hey there 👋

Logo, colors, and the rest.

Writing about GlassHome? Making a YouTube video? Sticking us on a slide? Help yourself to anything on this page. No forms, no "please email for assets" nonsense.

The logo

One file, two backgrounds. Right-click or hit the button. Either works.

GlassHome logo on light
On something light
PNG
GlassHome logo on dark
On something dark
PNG

The full lockup: the wordmark with the DASH sub-line.

GlassHomeDash

Sub-line: primary color, uppercase, tracking-[0.18em]. Same everywhere, never restyled per surface. One component per framework (@glasshome/ui), three sizes.

Colors

Tap any chip to copy. Each token has a light and a dark variant.

  • Primary
    --primary·Buttons, links
    Light
    Dark
  • Accent
    --accent·Pops of color
    Light
    Dark
  • Background
    --background·Surface
    Light
    Dark
  • Foreground
    --foreground·Text
    Light
    Dark
  • Card
    --card·Raised surfaces
    Light
    Dark
  • Muted
    --muted·Subtle surfaces
    Light
    Dark
  • Border
    --border·Hairlines
    Light
    Dark
  • Success
    --success·All good
    Light
    Dark
  • Warning
    --warning·Take a look
    Light
    Dark
  • Destructive
    --destructive·Errors
    Light
    Dark

Fonts

Four fonts. They each have a job.

Aa
Geist
Pretty much everything
Aa
Geist Mono
When it has to look like code
Aa
Caveat
For little asides like this
Aa
Bebas Neue
Marketing numerals and big statements

In motion

A few short loops. Light and dark, no audio. Right-click to save.

Drag widgets around
Just grab a widget and put it where you want.
Drag widgets aroundlight
MP4WEBMGIF
Drag widgets arounddark
MP4WEBMGIF
Resize on the fly
Pull a corner. Snap to the grid.
Resize on the flylight
MP4WEBMGIF
Resize on the flydark
MP4WEBMGIF
Control your house
Tap, toggle, slide. The dashboard does the rest.
Control your houselight
MP4WEBMGIF
Control your housedark
MP4WEBMGIF

Themes

The themes that ship with GlassHome. Click any image to open the full file, or hit the download button.

Midnight Glass
midnight-glass
Midnight Glass (light)
Midnight Glasslight
WEBP
Midnight Glass (dark)
Midnight Glassdark
WEBP
Coral Reef
coral-reef
Coral Reef (light)
Coral Reeflight
WEBP
Coral Reef (dark)
Coral Reefdark
WEBP
Forest Zen
forest-zen
Forest Zen (light)
Forest Zenlight
WEBP
Forest Zen (dark)
Forest Zendark
WEBP
Ocean Breeze
ocean-breeze
Ocean Breeze (light)
Ocean Breezelight
WEBP
Ocean Breeze (dark)
Ocean Breezedark
WEBP
Sunrise Studio
sunrise-studio
Sunrise Studio (light)
Sunrise Studiolight
WEBP
Sunrise Studio (dark)
Sunrise Studiodark
WEBP
Lavender Dreams
lavender-dreams
Lavender Dreams (light)
Lavender Dreamslight
WEBP
Lavender Dreams (dark)
Lavender Dreamsdark
WEBP
Monochrome Pro
monochrome-pro
Monochrome Pro (light)
Monochrome Prolight
WEBP
Monochrome Pro (dark)
Monochrome Prodark
WEBP

A few small asks

  • yes please:use the logo as-is, share screenshots, link us anywhere you like.
  • ehh, no:please don't recolor or stretch the logo, mash it together with another mark, or imply a partnership that doesn't exist.
  • one nit:the name is GlassHome. One word, two capitals. Not "Glass Home" or "GLASSHOME".

Say hi

Want to chat, ask something weird, or just send a kind word? I genuinely like hearing from people. Pick whichever is easiest.

[email protected]DiscordGitHub← Home