ariqnrnns / winterwald-designer-portfolio

Modern Free Product Designer Portfolio HTML template (with dark mode)

Free Product Designer Portfolio HTML template (with dark mode)

---

Free Product Designer Portfolio HTML template (with dark mode)

Download this template 👇

✅ Explore the features

• 👌 Totally free to use with Apache License 2.0
• 😎 Stunning User Interface
• 🎨 Everything is customizable. You can use Ravenbright CSS utility classes or CSS variables to modify the styles
• ⚡ High performing static sites. 99/100 scores both in Pagespeed Insights & GT Metrix
• ♿ Accessible - comply with WCAG 2.1. Measured by Pagespeed Insights, WAVE & Tota11y
• 📰 Included with Open Graph tags
• 📱 Fully Responsive & mobile-friendly landing page
• 👌 Comes with & smooth animations

🚀 How to get started?

• Download the source code

• Then run these command below

# change directory
cd winterwald-designer-portfolio

# initialize project
npm init

# install dependencies
npm install

# start the local development server
npm run dev

🎨 Customization

Winterwald is built with Ravenbright CSS library. You can customize the template with using either:

• Utility classes
• CSS variables

✅ Build process

1. Type npm run build on CLI
2. Run npm run preview
3. Open localhost:4173 to see the build result & it's done 🎉. Your website is ready to deploy 🚀

---

Still have doubt? Don't be, explore & play around with Ravenbright Design Tokens live demo on TailwindPlay.

View demo 👇

---

🤝 Credits & attributions

• CSS library: Ravenbright CSS
• Post-processor tool: PostCSS
• Design Tokens: Ravenbright Tokens
• Photos are courtesy of Unsplash
• Typeface: Inter Tight by Rasmus Andersson
• Icons are courtesy of Tabler & Akar Icons

📝 License

Source code released under Apache License 2.0.