Alterna web design kit

Work-in-progress web UI kit — Enigma Eternal’s design language as a Tailwind-friendly overlay for fast, signature Studio Alterna builds.

The Alterna web design kit is still being refined as new elements are added to set it apart from existing kits — but the foundations are in place. Colours, typography, and other stylistic choices are already set in stone, and will probably keep evolving as I add components and animations.

The kit was born from my desire to translate the design language I developed for Enigma Eternal into something that can be applied to other technologies — here, web development. The ambition is a package that plugs into any web project and acts as an overlay on top of Tailwind. The exact packaging is still open, but I will certainly adapt it to whatever project needs I run into next.

Once mature enough, the kit will live in its own repository, updated as technologies shift and new ideas land. I enjoy this work: UX and UI are indispensable in modern application development. A truly modern app should not only be fast, safe, and stable — it should also be beautiful and intuitive, while accommodating the style of whoever builds and hosts it.

Additional info

Highlights

  • Enigma Eternal’s design language translated for the web — Tailwind overlay, repo when mature.
  • Foundations locked: colour, type, motion; room to grow with new elements and animations.
  • Reusable components to bootstrap projects with a consistent, intentional UX/UI signature.

This kit is for my own projects. I might open-source it as a showcase, but I will not approve of others using it wholesale for their own applications. Everyone should develop their own style; I do not mind people taking inspiration or borrowing ideas.

The intent is practical: start a new project and give it my signature design feel quickly, without fiddling with themes and styling for ages before real work begins. I believe in reusable components across implementations — less reinventing the wheel, less time on work that does not move the product forward.