All graphical assets in this template are licensed for personal and commercial use. If you'd like to use a specific asset, please check the license below.
License Details
Images
All graphical assets and photographic images included in the Noctis template are licensed for both personal and commercial use. We carefully select assets that provide maximum flexibility for your projects.
All images used in this template are sourced from Unsplash and are subject to the Unsplash License. These assets are free to use for commercial purposes without attribution, though appreciation is always welcomed.
Source: Unsplash.com
All images used in this template are sourced from Unsplash and are subject to the Unsplash License. These assets are free to use for commercial purposes without attribution, though appreciation is always welcomed.
Source: Unsplash.com
Iconography
All icons used throughout the Noctis template are open-source and licensed for both personal and commercial use. This ensures you have full flexibility to use, modify, and distribute them as part of your projects.
The entire icon set is sourced from Lucide, released under the ISC License. These icons are designed for performance and consistency, fitting perfectly with the template's minimalist aesthetic.
Sources: Lucide Icons — Full icon library.
The entire icon set is sourced from Lucide, released under the ISC License. These icons are designed for performance and consistency, fitting perfectly with the template's minimalist aesthetic.
Sources: Lucide Icons — Full icon library.
Typography
All typography used in the Noctis template is licensed for both personal and commercial use. These fonts are open-source and optimized for high-performance web experiences.
The template features Inter and Poppins, both of which are sourced from Google Fonts. They are released under the Open Font License (OFL), allowing you to use them freely in any commercial project.
The template features Inter and Poppins, both of which are sourced from Google Fonts. They are released under the Open Font License (OFL), allowing you to use them freely in any commercial project.
Design System & Variables
The Noctis template is built with a focus on scalability and effortless customization. We utilize Webflow Variables integrated with the Client-First methodology to give you precise control over the site's visual identity through a centralized system.
Global Colors
All brand, background, and UI colors are linked to semantic variables in the Base Collection. This allows you to update your entire color scheme in seconds via the Variables panel:
Backgrounds: Manage site-wide tones using Primary BG, Secondary BG, Tertiary BG, Quaternary BG, Highlight BG.
Typography: Text colors are standardized with Primary Text, Secondary Text, and Highlight Text variables for perfect contrast.
Borders & UI: Consistent styling is maintained through Primary Border, Secondary Border, Tertiary Border and specific element variables like Card BG
Corner Radius: Easily adjust the "roundness" of your UI components globally using Radius-Large (5.625rem), Radius-Medium (2.5rem), and Radius-Small (0.938rem) variables.
Specific interactive states are globally managed, such as the Arrow Hover variable (#d8f831), which controls the background color of directional elements during hover interactions.
Methodology
Client-First: The project follows Finsweet’s Client-First naming convention, ensuring a clean class structure and intuitive organization for developers of all levels.
Scalability: By modifying variables in the Base mode, you can transform the template's look and feel without editing individual elements.
Scalability: By modifying variables in the Base mode, you can transform the template's look and feel without editing individual elements.
Custom Graphics
The Noctis template includes original graphic assets created specifically for this project by the template author.
Linear Symbol: A custom-designed geometric icon consisting of 8 symmetrical lines, used as a decorative brand element throughout the site.
Abstract Shapes: A unique semi-circle design element featuring a custom layer blur filter, created to add depth and a modern aesthetic to the layouts.
License: These assets are original works by the author and are included in the template license for both personal and commercial use. No additional attribution or external licensing is required.