Portfolio Page Template Type 1
A downloadable project
This is a template for a portfolio website. It keeps text minimal and draws attention to the media more.
The layout has ample white space, and uses subtle colors to get a comforting and gentle balance that highlight your works.
Works on mobile as well as desktop.
Live Demo: can be found here
Credits for all the media used in the demo: can be found here
This is a nextjs based website, so you would have to choose a hosting provider who supports nextjs builds, or one that can support nodejs. Vercel, digitalocean, netlify, and kinsta are some options.
This template is optimised for static builds as well. Just uncomment the build configuration in next.config.mjs and you can build a static version.
If you're having issues with building or hosting let me know and I'll help out as much as I can.
How to customise the template:
- Colors - There are five main theme colors. Three of those can be set inside
app/globals.cssand the remaining two can be set inside thetailwind.config.jsfile - Images - Set images from inside
app/imagesdata.jsonand save the actual files in thepublic/2/folder. Social media icons go in thepublic/logos/folder. - Text - set text for "your name" and the contact section from
app/page.js, and set text for commissions section and works section fromapp/imagesdata.js - SEO - set SEO metadata such as title and description from
app/layout.js - don't forget to replace
app/favicon.icowith your logo - I've left comments in all the places where you can edit details in. Those should make things easy to find.
If you're stuck anywhere or finding it hard to customise your template, reach out to me and I'll help you set it up.
Other templates: can be found here
Colors used in the screenshots
change foreground rgb and background start rgb in app/globals.css and themeColors in tailwind.config.js
| Colors shown | foreground rgb | background start rgb | themeColor 300 | themeColor 500 |
|---|---|---|---|---|
| lavender | 140, 140, 210 | 230, 230, 255 | rgb(165,180,252) | rgb(99,102,241) |
| green | 46, 73, 55 | 72, 114, 86 | rgb(57, 90, 67) | rgb(36, 57, 43) |
| orange | 255, 112, 41 | 255, 226, 211 | rgb(255, 160, 113) | rgb(234, 78, 0) |
| pink | 206, 66, 87 | 245, 235, 224 | rgb(244, 172, 183) | rgb(128, 15, 47) |
Purchase
In order to download this project you must purchase it at or above the minimum price of $19 USD. You will get access to the following files:
Leave a comment
Log in with itch.io to leave a comment.