A website with an expressive opening still needs to work as a website. Visitors may want to explore the animation, jump straight to a project, or simply find an email address.
Coloritive keeps those paths available through ordinary links and statically rendered pages.
Content comes first
The homepage and project pages are rendered to HTML at build time. The three-dimensional scene loads separately. This means the essential narrative and project information do not depend on the scene finishing its work.
The blog follows the same approach. Articles live in Markdown files and become HTML pages during the build. The editorial layer is simple enough to read, move, or edit outside any particular dashboard.
Motion is a layer
The site respects the reduced-motion preference. The wordmark can remain intact, pointer movement is reduced, and the visitor can navigate directly between chapters.
The renderer also pauses when the document is hidden and caps its pixel ratio. These are small implementation choices with a clear purpose: spend effort on what the visitor can actually see.
Keep the route obvious
A direct project link should lead to a project. A blog link should lead to an article. A contact page should explain how to begin a conversation.
An experimental interface feels better when its foundations are familiar.