Design directions, round one
Ten homepages for
Out of Sight Home Technologies
Ten different structures, not one layout in ten colors. Every direction uses the company’s own brand colors, measured off the logo on oosht.com, and the company’s own photographs. Pick the one that feels like the business, and the next round goes deep on it.
- Brand red
- #d73232
- Wordmark indigo
- #0c1248
- Subline gray
- #bab4b4
- 01BlackoutThe waveform from the logo stretched into a full-width rule between sections.single-focalDrenched blackClash Display / Satoshi
- 02The RackSections addressed as rack units, 1U through 7U, on a sticky rail.sticky doc-indexRestrained graphiteCabinet Grotesk / system mono
- 03Lake CountryProjects named for the lake they sit on, told as one long story.editorial narrativeCommitted umber-nightZodiak / General Sans
- 04One TouchA scene switcher that recolors the live page as you tap it.step flowFull palette, lightSupreme / Switzer
- 05Out of SightA drag handle that wipes the visible equipment out of a real room.before / afterCommitted indigoBespoke Stencil / Satoshi
- 06SignalThe waveform is the scroll progress indicator, not decoration.horizontal-scrollDrenched indigoChillax / General Sans
- 07The ShowroomA drawn map of southern Wisconsin with the five real service regions.map-firstRestrained, lightCabinet Grotesk / Satoshi
- 08BlueprintRooms drawn as plan line-art, annotated with the gear on hover.split-screenRestrained coolErode / General Sans
- 09Quiet LuxuryNo hero image. The page opens on one homeowner sentence, set large.quote-firstDrenched near-blackGambetta / Switzer
- 10Control SurfaceA working control panel above the fold, not a screenshot of one.single-screen appCommitted darkSatoshi 700 / 400