No. 29 · Cloud & infrastructure · Rate it
Rack
Servers you can almost touch — graphite rack-unit faceplates, status LEDs, glowing VFD readouts, one power-button orange and faders that build a VPS like a mixing desk
A dark-first, Persian-first language for cloud and VPS providers, domain registrars, CDN and DNS services and their control panels. Everything is hardware: cards are rack units with ears and screws, state is an LED (green running, amber working, red stopped, blue traffic), prices, IPs and hostnames glow in recessed VFD windows, and the one action is an orange power button. The signature is a server builder with four vertical faders (CPU, RAM, NVMe, traffic) with LED meters, OS and location keys, monthly or hourly billing and a live Toman price. Sites get a rack-elevation hero, ready units, datacenters with live-ish ping, domain search with availability lights, feature units, a 90-day uptime strip and a deploy dialog. The panel has server rows with power keys, live CPU and network graphs, a web console, snapshots, firewall rules, domains with auto-renew switches, a DNS zone editor and a wallet with daily spend and invoices.








Best for
- Cloud, VPS and dedicated-server providers
- Domain registrars, DNS and CDN services
- Infrastructure control panels and status pages
- Developer tools that want a physical, trustworthy feel
Not ideal for
- Editorial and long reading
- Soft consumer brands, fashion and food
- Healthcare and children’s products
Signature moves
- Rack-unit faceplates with ears, screws and U tags
- One meaning per LED: green, amber, red, blue
- Recessed VFD windows for prices, IPs and hostnames
- Mixing-desk faders that build a server with a live price
- A rack-elevation hero and a 90-day uptime strip
- A panel of power keys, live graphs, console and DNS zone
Try it with another brand color
Opens the demo with only --brand changed. The style should still read as Rack.
Install this skill
/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install rack@tastefolionpx skills add tastefolio/tastefolio.github.io --skill rackcurl -L https://tastefolio.github.io/downloads/rack.zip -o rack.zip
unzip rack.zip -d .claude/skills/Copy the folder anywhere your agent can read it, then reference it from AGENTS.md / rules:
"Follow skills/rack/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.