One house, drawn once.
Everything on this page is generated from a single 24-unit drawing and one palette, so the favicon, the app icon and the header never drift apart. Download what you need; the rules are short.
A house with a second layer inside.
The outer stroke is the room you already have. The inner stroke — parallel to the roof, then straight to the floor — is the renovation laid over it. Every corner is round: roof peak, eaves, the bend of the inner stroke and the base.
- Grid
- 24 units, stroke 2.8
- Clear space
- 1× glyph height
- Minimum size
- 16 px mark · 20 px tall lockup
- Wordmark
- Be Vietnam Pro Medium, 17 / 24
Horizontal first. Stacked when the space is square.
The wordmark is Be Vietnam Pro Medium converted to paths, so the files render identically on any machine. Ember mark with Ink type on light surfaces; all-white on dark.
Two warm accents, one job each.
Ember is the colour of the mark. Rust is the colour of emphasis in text and buttons — it is the one that passes contrast on Bone. The neutrals are Bone and Ink; there is no grey.
Ember#D97757
The mark, and accents on dark surfaces. Never small text on Bone (2.6:1).
Rust#9C4A1E
Emphasis text, buttons and links on light surfaces (5.3:1).
Rust Deep#7F3A16
Hover and pressed state of Rust.
Bone#FAF9F5
Primary surface.
Bone Raised#F0EEE6
Raised surfaces and cards.
Bone Line#D1CFC5
Hairlines and dividers.
Ink Muted#5E5D59
Secondary text.
Ink#141413
Primary text and dark surfaces.
Be Vietnam Pro, three weights.
Three weights, nothing heavier than Medium. Hierarchy comes from size and tracking, not from bolder cuts.
- 300 Light
Renovate any room from one photo.
- 400 Regular
Every object resolves to a product in stock near you.
- 500 Medium
Aethera — design and checkout in one app.
- Use the Ember mark with the Ink wordmark on Bone; the all-white lockup on Ink or photography.
- Keep clear space of at least one glyph height on every side.
- Never render the mark smaller than 16 px, or the lockup shorter than 20 px.
- Use the solid mark only where a stroke would vanish: favicons, app icons, avatars.
- Recolour the mark outside Ember, Ink and White, or set Ember type smaller than 24 px on Bone.
- Stretch, rotate, outline, add shadows or gradients, or redraw the inner stroke.
- Place the mark on Rust or Ember backgrounds — the two-tone reading disappears.
- Set the wordmark in any face but Be Vietnam Pro Medium, or rebuild it as live text in artwork.
Every file, straight from the source drawing.
SVG for anything that scales; PNG only where a platform demands it. Regenerate the whole set with one command in the repository if the geometry ever changes.
