Offgrid
Good ideas need room to go off script.
Offgrid is an independent design studio with a clear appetite for the unexpected. Its first screen is a cobalt typographic poster: a small manifesto, a ruled vertical project menu, and a large cropped Tahoe wordmark carry the identity without a promotional image. Selected work opens into three different art-directed worlds, combining original typographic compositions, photographic material, printed pieces, and purposeful changes in scale. Warm milk and marigold give the supporting pages a direct, tactile character. Visitors can switch projects to see their visual language, scope, and story, read the studio’s working principles, and build a downloadable project brief as a starting point for a future conversation.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
A creative studio needs a strong identity without reducing every project to the same promotional tile. The work should show distinct visual languages and offer a clear starting point for a brief.
What I built
A studio website with a typographic opening, three distinct project worlds and a downloadable local brief.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
A dramatically cropped Tahoe wordmark fills cobalt. An upper-corner manifesto and ruled vertical project menu establish the studio before any case-study image appears.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Make the opening a poster
A dramatically cropped Tahoe wordmark fills cobalt. An upper-corner manifesto and ruled vertical project menu establish the studio before any case-study image appears.
Give each project its own world
Project selection changes the art direction, scope and story. The brief builder then turns a few chosen inputs into a downloadable starting point.
One idea outside the grid
An open structural grid with one displaced cell represents an idea finding a different position.
From start to finish.
- Choose a studio project
- Read its visual language and scope
- Build a project brief
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- agency
- creative studio
- branding
- portfolio