Orbit portfolio hero
A slow double orbit surrounds a central headline. Open project details, pause motion, and browse by keyboard. Mobile uses separate upper and lower bands in a standalone offline HTML file.
Live demo
Interactive demoSelect an orbiting work to see its details, or open the project list. Motion can be paused.
Open preview in a new windowMake this effect yours
Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.
Download SKILL.md only- Download and unzip
Keep the
orbit-agency-hero/folder. ItsSKILL.mdfile is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser. - Give it to your AI coding assistant
Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.
- Describe the result you want
Read orbit-agency-hero/SKILL.md and generate out/index.html with brand Forma Studio, title A new perspective, accent #315c48, and speed 0.3. Check project details and the mobile layout.
