Use when the user wants to design, critique, or refine a website theme, visual style, look and feel, branding, CSS theme, design system, tokens.css file, or CSS token system. Produces theme directions, typography/color/composition/motion systems, implementation-ready CSS custom properties, component motif rules, and light/dark/density variant strategy.
99
100%
Does it follow best practices?
Impact
99%
1.45xAverage score across 7 eval scenarios
Passed
No known issues
Meridian Studio is a five-person architecture practice that has been operating for eight years, known for adaptive reuse projects — converting industrial buildings into housing and cultural spaces. Their portfolio includes a converted mill turned community arts center, a former factory repurposed as co-living apartments, and a nineteenth-century warehouse now operating as a public library annex. Their clients are typically local governments, cultural institutions, and community land trusts.
The studio is rebuilding their website from scratch. Right now they have a placeholder page with their logo and contact details. They have no existing digital brand presence — no social accounts, no prior website to draw from. What they do have is a strong physical identity: all their built projects use exposed structural elements, mix original patina with new interventions, and emphasize the layering of time across materials. Their work avoids pastiche and avoids trends; they aim for buildings that feel like they have always belonged in their context.
Their potential clients are not consumers browsing casually — they are decision-makers at institutions who will spend months evaluating firms. The site needs to convey rigor, depth, and longevity without feeling cold or self-important. Content will include project case studies (densely illustrated with photographs and drawings), a practice philosophy page, team bios, and a contact form. The site will eventually have 30–50 project pages.
They have given you free rein on visual direction. They trust the process but have said they strongly dislike websites that look like every other architecture firm — minimal white boxes with oversized Helvetica and a black-and-white photo grid.
Produce a file named theme-direction.md containing a full visual theme direction for the Meridian Studio website.
The studio would like to see some initial directions to consider before you develop the one you recommend in full. Develop the recommended direction into a complete theme system that can govern the homepage, project index, dense illustrated case studies, team pages, philosophy page, and contact flow. The result should be specific enough for design and engineering to implement without falling back into category-default architecture portfolio styling. Finish with implementation guidance and a candid assessment of risks and tradeoffs.