Norio - Digital Agency & Portfolio HTML Template

Overview

Norio is a premium HTML template for creative agencies, design studios, and digital teams that need a high-end portfolio presence with a token-driven, framework-free codebase. Built for thoughtful digital design and creative experiences, it gives studios a flexible system to present work, process, pricing, and studio culture with clarity and motion.

The core strength of Norio is its motion layer: GSAP-powered scroll, text, and interaction effects, plus Three.js treatments for fluid, glass, and grid-deform moments. Semantic HTML, SCSS, and a single design-token source keep the template fast, consistent in light and dark mode, and ready to customize without fighting a CSS framework.

This template includes a Figma design file, making it easy to customize and develop this template to your liking.

Norio ships with pure HTML and CSS — no Bootstrap, no Tailwind, and no other heavy CSS frameworks. The markup stays lean and readable, so you can move faster when porting to React, Next.js, Vue, Laravel, WordPress, or any other stack without untangling utility classes or fighting a bloated UI kit.

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, more homepages and more great features will be added. You only need to buy 1 time and get lifetime updates.

---

Unlock the Power of Norio

• Creative Agency & Portfolio Layouts – Three distinct homepages, five project showcases, and essential inner pages including Studio, Work, Services, Pricing, Feed, Team, Careers, FAQs, and Contact.
• Vite + Nunjucks + SCSS: A modern, framework-free stack with semantic HTML, BEM-style classes, and a professional source workflow. No Bootstrap. No Tailwind.
• High-End GSAP Animations – Norio uses GreenSock (GSAP) for ultra-smooth transitions, scroll-triggered motion, text reveals, and interactive cursor effects.
• Three.js Visual Effects – Fluid ink, glass texture, and grid-deform treatments add depth to hero and media moments without a heavy UI kit.
• Design Token System – Colors, type, space, radius, and motion live in one token source and compile to CSS custom properties, so branding changes stay consistent across light and dark mode.
• Figma Design File Included: A comprehensive UI kit is provided to help you prototype and refine your vision before deployment.
• Optimized for Core Web Vitals – Engineered for fast loading and clean SEO structure to keep search visibility and perceived performance high.
• Premium Typography & Assets – Inter Display type and curated graphical components give the studio a sharp, editorial voice.
• Dark & Light Mode Ready – Semantic color tokens flip automatically between light and dark, with optional per-page scheme pinning.
• Detailed Documentation: Step-by-step guides and code snippets make setup and customization straightforward.
• Retina Ready & Ultra-Responsive: Whether on a 4K monitor or a smartphone, Norio scales cleanly and stays pixel-sharp.
• Cross Browser Compatibility: Fully tested across Chrome, Safari, Firefox, and Edge for consistent performance.
• Free Lifetime Updates & Support: Your purchase includes lifetime access to future versions and dedicated technical support.
• Structured Visual Hierarchy: Norio balances high-contrast type, disciplined spacing, and bold content presentation — implementation-first, never decorative for its own sake.
• 100% Google Mobile-Friendly: Built to pass responsiveness checks and stay comfortable on phones and tablets.
• W3C-Friendly & Clean Code: Semantic, lightweight, and easy-to-read markup designed for professional developers and future ports.

What You Get

1. Production-ready HTML Template
2. Full Development Source Code (Vite, Nunjucks & SCSS)
3. Original Figma Design File
4. Comprehensive Documentation
5. Envato License

HTML Pages

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

Homepages

• Home 1 Light — index.html
• Home 2 Light — index-2.html
• Home 3 Light — index-3.html
• Home 1 Dark — index-dark.html
• Home 2 Dark — index-2-dark.html
• Home 3 Dark — index-3-dark.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

• All preview images are included and were generated via AI platforms. You are free to use them for your projects.
• This is a professional HTML5/CSS3 template, not a WordPress theme.

Change log

    VERSION 1.0.0
    - Initial Release.