Option 1: Grid House (in use in the header)
A gable house drawn on an 8px blueprint grid: gold roof line, white walls, gold door. Wordmark in Public Sans ExtraBold + Regular.
Brand system · preview
MicroHom brand
California navy and gold, U.S. Web Design System conventions, and a blueprint grid. Three logo options for Chris to choose from; Option 1 is shown in the header of this preview.
MicroHom is an independent project, not a government website. The style borrows open USWDS conventions (type, spacing, focus states) and California colors only: no seals, state logos or ".gov" banner.
Logo options
Option 2: Leaf House
A navy house in a circle with a two-leaf gold sprout, suggesting plant-based materials without a cannabis leaf. Wordmark in Merriweather Bold.
Option 3: Roofline Monogram
An M whose peaks form a roofline, on a gold square, with the "Idea → shipped home" tagline. Letter-spaced capitals.
App icons: mark SVG · 512 px · 192 px · 180 px (Apple) · 32 px
Color palette
- Navy (primary)
#035376Header bars, headings accents, mark background - Navy deep
#023a53Top bar, text on gold - Blue (action)
#046b99Links, primary buttons - Blue dark (hover)
#035d85Button hover - Gold
#fdb81eHighlights, roof line, step numbers - Gold deep
#e4a317Gold on light backgrounds (large text and icons only) - Mist
#eef8fbTinted section background - Ink
#1b1b1bHeadlines - Text
#3d4551Body text - Muted
#565c65Secondary text, form borders - Line
#dfe1e2Card borders, dividers - Surface
#f9f9f9Page background - Focus
#2491ffKeyboard focus ring
Contrast (WCAG): Blue #046b99 on white 5.9:1 and white on Navy #035376 8.4:1 both pass AA for body text. Ink #1b1b1b on Gold #fdb81e is 9.9:1 and Navy deep on Gold is 7.0:1. Gold on white is for large shapes and icons only, never for text.
Typography
Headings
Merriweather
USWDS's serif. Used for H1 and H2.
Interface and body
Public Sans
USWDS's sans. Body 17px, line height 1.55; buttons and labels 700.
Both fonts are self-hosted from /fonts/ (SIL Open Font License), so the site's content-security policy stays limited to its own origin.
Photography
Real photographs of finished small homes and hemp and bamboo materials, with a license that allows commercial use. Each is credited, served as AVIF and WebP at 640–2560 px, and kept at full resolution in the project's brand-assets folder. No AI-generated images of real places or people, and no other companies' logos.
Original 4000×2250 px. Tommygibbons46 · CC BY-SA 4.0, via Wikimedia Commons
Original 3424×3424 px. Rick Obst · CC BY 2.0, via Wikimedia Commons
Original 3840×2160 px. Romancito77 · CC BY-SA 4.0, via Wikimedia Commons
Original 4471×2981 px. Basile Morin · CC BY-SA 4.0, via Wikimedia Commons
Original 6558×4372 px. Basile Morin · CC BY-SA 4.0, via Wikimedia Commons
