Introduction

• Document version: 1.0.0
• Created: September 6, 2026
• Last update: September 7, 2026

Overview

Norio — Creative Agency HTML Template

Norio is a premium creative-agency template for studios that want a high-end, motion-first website. The master source is built with Vite, Nunjucks, and SCSS. There is no Bootstrap, no Tailwind, and no CSS utility framework — layout is written in SCSS with CSS Grid and Flexbox.

Design values live in a single token file and compile to CSS custom properties, so colors, type, spacing, and dark mode stay in sync. Motion is powered by GSAP (ScrollTrigger, ScrollSmoother) with Three.js WebGL effects on selected sections.

This package includes the Figma design file, so you can continue designing or hand the system to a developer without guessing values.

We have a dedicated Support Center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12-24 hours.

We are continuing to work hard to develop this item. You only need to buy 1 time and get lifetime updates.

---

Unlock the Power of Norio

• 3 creative homepages and 23 inner pages — projects, works, about, team, services, feed, pricing, contact, FAQs, jobs, help, legal, and 404.
• Vite + Nunjucks + SCSS — modern multipage build, not Gulp or Bootstrap includes.
• No CSS framework — semantic BEM-ish classes and SCSS mixins only.
• Token-driven design — edit tokens/tokens.json, run npm run tokens, and every color, type step, and space updates.
• Figma design included: A great gift from us, you can quickly continue developing this template.
• Dark / Light mode: Semantic tokens flip through data-color-scheme and prefers-color-scheme.
• GSAP + WebGL — scroll-smoothed pages, pinned sections, and Three.js fluid / glass / grid effects.
• SEO & Speed Optimized — Ensuring fast loading times and maximum search engine visibility.
• Detailed documentation: This guide covers the real Norio source kit, not a generic Bootstrap starter.
• Responsive & retina ready: Norio is designed for mobile, desktop, and high-density screens.
• Modern browser compatibility: Built for current evergreen browsers (Chrome, Firefox, Safari, Edge).
• Free Lifetime Updates and User Support: Each purchase guarantees lifetime access to future updates at no extra cost. You also get six months of user support, with the option to extend.
• W3C-friendly markup: Semantic HTML, no inline styles or inline scripts in templates.

What You Get

1. HTML Frontend Template (compiled dist/ from Vite)
2. HTML Frontend Development source code (norio-html-dev — Vite, Nunjucks, SCSS)
3. Figma design file
4. Documentation
5. Envato License

HTML Pages

All 26 pages in src/pages/. Preview each file on the live demo.

Homepages

• Home — index.html
• Home 02 — index-2.html
• Home 03 — index-3.html

Showcase

• Works — works.html
• Projects 01 — projects-1.html
• Projects 02 — projects-2.html
• Projects 03 — projects-3.html
• Projects 04 — projects-4.html
• Projects 05 — projects-5.html
• Project Details — project-details.html

Studio

• About — about.html
• Services — services.html
• Service Details — service-details.html
• Team — team.html
• Team Details — team-details.html

Feed

• Feed — feed.html
• Single Post — single-post.html

Business

• Pricing — pricing.html
• Contact — contact.html
• FAQs — faqs.html
• Jobs — jobs.html
• Job Details — job-details.html

Utility

• Help — help.html
• Terms — term.html
• Privacy — privacy.html
• 404 — 404.html

Note

• This is not a WordPress theme. It is an HTML5 template.
• The documentation site you are reading uses its own isolated CSS. The Norio product itself does not use Bootstrap or Tailwind.
• Local preview: run the template on a local server for the full WebGL experience. If you open files with file://, use Chrome or Edge. Details: Local Preview.

Change log

    VERSION 1.0.0 — 2026-09-06
    - First release.