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.
このwebsiteテンプレートについて
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.
テンプレートの詳細
- 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
プレビュー
関連テンプレート
A web designer and developer's portfolio of websites, graphics, and coding projectsWebサイト
A young web and graphic designer presenting work, skills, background, and contact informationWebサイト
A digital garden of creative experiments made in Figma, including shaders, generators, photo booths, and interactive visual explorationsWebサイト
A designer and no-code digital agency profileWebサイト
Jordan Hughes's product design work, reading list, and personal biographyWebサイト
Diana Lopez's UI design and coding workWebサイト
Sebastian's web and digital design portfolioWebサイト
Thomas Vaeth's background and web development workWebサイト
