defuss-shadcn / Website / Industries / industry-agency
Agency
A one-page site for a brand and digital design studio - a statement set in a variable typeface that goes loud and quiet, four case studies that open with their brief and the number they moved, six services priced up front, a sixteen-week project as a timeline, the team, open jobs with an application, and a brief form that estimates the weeks and the budget as you tick. Three looks: Studio, Brutal and Pastel. One of the Showcase sites.
Loud/Quiet, a brand and digital design studio
The Look select switches three identities, type included: Studio (paper, ink and vermilion, a wide heavy cut), Brutal (black rules, hard shadows, a condensed capital cut, no gradient) and Pastel (lilac, peach and mint, soft and rounded). Anybody's width axis makes Loud wide and Quiet narrow; the mesh behind the statement is a Shader; the cases open dialogs with their brief and results; the brief form estimates weeks and budget from the boxes you tick.
Built from Site Header (its Sheet on a phone), Section Header, Case Preview cards that open Case Studies in Dialogs, Service Item, Process Step (across), Brand Logos (rolling), Team Member, Press Item (quote), Job Item, Filter Bar chips, Badge, Avatar, Input, Select, Textarea, Checkbox, Swap and Site Footer with its wordmark. The mesh behind the statement is a Shader whose colours are the look's tokens; the Brutal grid is pattern-grid from Shapes; the project timeline, the stickers and the turning award badge are the page's own CSS.
Comments, ideas or improvements? Edit this page's source on GitHub