The Spectra HTML template is an elegant, minimalist, and fully responsive design tailored for businesses and professionals in the architectural and design fields. The template features a sophisticated layout with a focus on clean lines, ample white space, and a refined typography that emphasizes professionalism and clarity. The homepage is designed to immediately engage visitors with a powerful headline, a prominent call-to-action to become a pro user, and a sleek visual of the app interface.
This template is built using Bootstrap 5, a powerful front-end framework for faster and easier web development. It includes modern features and responsive design to help you create beautiful web pages.
Important: You are currently viewing only the starter template, which includes only the homepage. The full template is available for free to users who are registered on my website and signed up to my mailing list. Click here to download the full template
- Homepage
- About Us (full version only)
- Pricing (full version only)
- Blog (full version only)
- Contact Us (full version only)
- Login (full version only)
- Register (full version only)
NOTE: npm commands overwrite the ./public directory.
Project's source files are placed in ./src/ directory.
- ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
- ./src/tailwind/ - Tailwind config file used to build the theme. Variables used in Theme Customizer are located in tailwind.config.js file.
All your pages (templates) are stored in separated .pug files
- ./src/pug/*.pug
npm install
npm run watch
npm run build
## 3. Contact
If you have have any questions, feel free to contact me:
support@pixelrocket.store
## 4. Learn Frontend Web Development
Want to learn frontend web development so you can build templates like this one? Visit my site: https://www.pixelrocket.store for a range of frontend web development learning resources and courses.
## 5. Credits & Special thanks
Image placeholders from https://unsplash.com/
Screenshot & Logo placeholders from https://www.figma.com/community