Oryven Studio

About this template

Oryven is a dark, motion-led template for design studios, creative agencies and independent designers. Editorial layout, restrained typography, one confident accent colour, and interactions that reward scrolling.

Nine pages, all responsive: Home, Projects, Project Detail, Journal, Article, Contact, Legal, 404 and a designed loader state.

CMS-driven:

Projects and Journal both run on the CMS. Add an entry and its detail page builds itself, with meta, cover, gallery and related items.

Interactions included:

• A loader that counts 000 → 100, then lifts away to reveal the page

• A scroll-pinned hero: the image becomes a capsule, a capsule wall travels, the headline sweeps through

• A headline whose letters swell in weight under your cursor

• A "View project" cursor over project imagery

• A custom FAQ with a drawing underline and answers that rise word by word

• Hover states on cards, buttons, project tiles and journal rows

• A 404 page with eyes that follow your cursor

Built to edit:

shared colour and text styles, clearly named layers and sections, and text, images, links and buttons editable from the right-hand panel. Motion runs on transforms and opacity, animations stop once settled, and heavy effects are pre-rendered rather than recomputed on scroll. Reduced-motion is respected throughout.