CtrlK
BlogDocsLog inGet started
Tessl Logo

sharaf/theme-designer

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

1.45x
Quality

100%

Does it follow best practices?

Impact

99%

1.45x

Average score across 7 eval scenarios

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

task.mdevals/scenario-1/

Website Theme Direction for an Independent Architecture Practice

Problem/Feature Description

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.

Output Specification

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.

evals

scenario-1

criteria.json

task.md

README.md

tile.json