No. 21 · Brand & lifestyle · 1 vote
Brief
Design & build studio — wide display type, an ink stage for the work, scrolling browser frames and a client portal with pinned feedback
A confident, work-first language for design and web studios, freelancers and other businesses that sell projects, Persian-first. Soft paper pages, an ink stage that holds the work, and one orchid accent for the next step and for feedback pins. Wide Syne headlines with small inline pills (a tiny site, the team’s faces), numbered services that open like a brief, case cards whose tall pages scroll inside browser frames on hover, a challenge–approach–outcome spotlight with big metrics, a three-step project-brief wizard and a floating consult widget. The client portal follows the same project from kick-off to launch: phases, a Gantt timeline with a today line, approvals with click-to-pin notes and versions, files with upload, instalment invoices and a message thread.
Best for
- Design, web and branding studios
- Freelancers and small agencies with case studies
- Client portals with approvals, files and invoices
- Project-based services: architecture, video, consulting
Not ideal for
- Stores with large catalogues
- Dense admin and data tools
- Playful products for children
Signature moves
- Wide display type with inline image pills
- An ink stage holding the work on soft paper
- Browser frames whose tall pages scroll on hover
- Numbered services and challenge–approach–outcome case studies
- Three-step brief wizard and a floating consult widget
- Client portal: phases, Gantt with a today line, approvals with pinned notes
Try it with another brand color
Opens the demo with only --brand changed. The style should still read as Brief.
Install this skill
/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install brief@tastefolionpx skills add tastefolio/tastefolio.github.io --skill briefcurl -L https://tastefolio.github.io/downloads/brief.zip -o brief.zip
unzip brief.zip -d .claude/skills/Copy the folder anywhere your agent can read it, then reference it from AGENTS.md / rules:
"Follow skills/brief/SKILL.md for every UI change."Files
Rate this style
Like it? Give it a 👍 below; you sign in with GitHub. The gallery’s Top rated order counts these votes and refreshes every hour. Comments and questions are welcome too.