No. 04 · Cloud & infrastructure · Rate it
Stratus
Persian-first enterprise platform — product mega menu, split headlines, rail + sub-nav consoles
Calm, trustworthy enterprise design written right-to-left first: white pages with cool-gray UI mock backdrops, a deep teal brand, a black-then-teal two-line headline, a categorized product mega menu, vertical solution tabs and a dark brand band for numbers. The console pairs a dark icon rail with a contextual sub-navigation, breadcrumbs, status-pill tables and multi-step wizards with a live summary.
Best for
- Cloud, logistics and B2B platforms with many products
- Persian/Arabic enterprise portals and consoles
- Order, provisioning and onboarding wizards
- Government and banking self-service panels
Not ideal for
- Playful consumer brands
- Editorial or storytelling sites
- Single-product startups that need a bold voice
Signature moves
- Two-line headline: bold ink line, lighter brand-colored line beneath
- Kicker labels led by a short brand bar
- Product mega menu: three titled columns plus a highlighted aside
- Light-gray stages holding white UI windows instead of illustrations
- Dark icon rail + white contextual sub-nav with a start-edge active marker
- Stepper wizard with option cards and a sticky live summary
Try it with another brand color
Opens the demo with only --brand changed. The style should still read as Stratus.
Install this skill
/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install stratus@tastefolionpx skills add tastefolio/tastefolio.github.io --skill stratuscurl -L https://tastefolio.github.io/downloads/stratus.zip -o stratus.zip
unzip stratus.zip -d .claude/skills/Copy the folder anywhere your agent can read it, then reference it from AGENTS.md / rules:
"Follow skills/stratus/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.