A little welcome.
A small, reusable sign for your website. One gentle arrival, then it settles. No images, framework or animation library.
A sample link to our project details.
Try the link and replay the movement. Your device’s reduced-motion preference switches it off. This sample doesn’t claim real availability.
Your next useful detail.
This is the sample destination. On your website, link to real work, your contact form or a booking page. Use “Open for projects” only when you are actually accepting projects.
How to use it
Copy availability-sign.mjs next to your page, load it as a module, then add <availability-sign label="Visit the studio" note="Explore our work" href="/work"><a href="/work">Visit the studio</a><p>Explore our work</p></availability-sign>.
The ordinary link and note remain usable if JavaScript is disabled or the module fails to load. Full integration lesson and license are in the download. Test the link, keyboard focus, reduced motion and your narrowest layout.