Offgrid · Original
Good weird, pasted up as a studio poster.
Offgrid gives a creative studio a website with the energy of a pasted-up street poster. Wide retro typography sits against cobalt blue and marigold, with fashion photography, ribbed-glass imagery and offset project frames making the work feel physical. The layout changes scale from a loud first screen to a clear project index, then a simple brief builder. Visitors can filter the work by discipline and assemble a short project note. The symbol is an open grid with one cell moved outside its frame, giving the studio a recognizable mark that expresses an idea leaving the expected structure.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
The studio needs to make its personality immediate while leaving its work easy to browse. A loud first screen should give way to clear disciplines and a useful project note.
What I built
The original studio composition, with discipline filters, expressive project cards and a working local brief builder.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
Wide retro typography, offset fashion photographs and ribbed-glass imagery sit against cobalt and marigold. The scales change between poster, project index and brief.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Treat the page as a physical collage
Wide retro typography, offset fashion photographs and ribbed-glass imagery sit against cobalt and marigold. The scales change between poster, project index and brief.
Turn a discipline into a starting point
Visitors filter the work by Brand or Digital. Two brief choices produce a readable local starting-point note rather than an external contact submission.
A cell that leaves its frame
An open structural grid with one displaced cell represents an idea finding a different position.
From start to finish.
- Filter the studio work
- Choose a discipline and stage
- Assemble a starting-point brief
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- agency
- creative studio
- branding
- portfolio