Product designer with a background in coding
A dark, high-contrast web page uses a centered hero, bright rounded CTA, colorful accent shapes, and a structured project-card grid. White space, pale project panels, and varied interface thumbnails create a polished but playful visual rhythm.
About this website template
This template is built for Personal portfolio, Professional profile and Project and job inquiries. It is written for Prospective design clients and Employers or recruiters. Common uses include Showcasing UX and product design case studies, Presenting endorsements and experience, Sharing side projects and Soliciting project or job opportunities. It suits work in Product design, User experience design and Software and technology.
The design is Contemporary portfolio aesthetic, Rounded cards and buttons, Playful decorative accents, High-contrast dark theme and Clean editorial presentation, with a confident, playful, creative and approachable tone, laid out as Centered hero section, Top navigation, Logo strip, Two-column project grid, Full-width dark contact section and Footer navigation.
Template details
- Format
- website
- Purpose
- Personal portfolio, Professional profile, Project and job inquiries
- Audience
- Prospective design clients, Employers or recruiters
- Use cases
- Showcasing UX and product design case studies, Presenting endorsements and experience, Sharing side projects, Soliciting project or job opportunities
- Industries
- Product design, User experience design, Software and technology
- Style
- Contemporary portfolio aesthetic, Rounded cards and buttons, Playful decorative accents, High-contrast dark theme, Clean editorial presentation
- Tone
- confident, playful, creative, approachable
- Typography
- Large high-contrast serif headlines, Clean sans-serif body text, Prominent rounded-button labels, Centered typographic treatment
- Colours
- Dark navy background, White text, Pale yellow CTA buttons, Sky blue and pink accents, Pastel blue and peach project cards, Bright green and orange thumbnail accents
- Imagery
- UI and website project screenshots, Decorative geometric shapes
- Density
- medium
- Aspect ratio
- 6:7
Preview
Related templates
A web designer and developer's portfolio of websites, graphics, and coding projectsWebsite
A young web and graphic designer presenting work, skills, background, and contact informationWebsite
A digital garden of creative experiments made in Figma, including shaders, generators, photo booths, and interactive visual explorationsWebsite
A designer and no-code digital agency profileWebsite
Jordan Hughes's product design work, reading list, and personal biographyWebsite
Diana Lopez's UI design and coding workWebsite
Sebastian's web and digital design portfolioWebsite
Thomas Vaeth's background and web development workWebsite
