No. 06 · Commerce & marketplaces · Rate it
Tier
Plan-driven commerce — domain search, billing toggles, savings ribbons and a tidy client area
A bright, conversion-minded style for selling subscriptions and services in tiers: a trustworthy blue for actions, a warm orange reserved for deals, a promo bar with a countdown, a category bar, a hero with an overlapping domain-search card, plan cards with billing toggles and a 'best value' ribbon, comparison tables and FAQ. The client area shows expiring services with renewal meters, unpaid invoices, tickets and a wallet.
Best for
- Hosting, domains, VPN and SaaS subscriptions
- Telecom, internet and insurance plans
- Any product sold in 3–4 tiers with periods
- Customer portals with renewals, invoices and tickets
Not ideal for
- Luxury or editorial brands
- Products without pricing tiers
- Minimal developer tools
Signature moves
- Navy promo bar with an orange deal and a live countdown
- Category bar of services with icons under the header
- Domain-search card overlapping the hero with extension prices
- Billing toggle with a savings badge driving every plan price
- Best-value plan with a blue border and an orange ribbon
- Client area: renewal meters, unpaid invoice rows, wallet chip in the top bar
Try it with another brand color
Opens the demo with only --brand changed. The style should still read as Tier.
Install this skill
/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install tier@tastefolionpx skills add tastefolio/tastefolio.github.io --skill tiercurl -L https://tastefolio.github.io/downloads/tier.zip -o tier.zip
unzip tier.zip -d .claude/skills/Copy the folder anywhere your agent can read it, then reference it from AGENTS.md / rules:
"Follow skills/tier/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.