Portfolio Template XD: Free Dark Portfolio Website by Inkyy
3 min read
This free portfolio template XD file was made by the Inkyy team for designers who want a dark, bold one-page site. It pairs deep navy backgrounds with bright red buttons and accents, and covers everything from a personal hero to a contact form.
Below you will find what each section looks like, what is inside the ZIP, and how to open the file now that Adobe XD is no longer being developed.
What the portfolio template looks like
The whole page sits on dark navy, with red used for the main buttons, the active menu item and small details such as divider lines and quote marks. Headings are set in Poppins, and the “Portfolio” logo uses a script typeface. The placeholder owner is “Mark Reccardo”, a UI/UX designer. The page runs from top to bottom like this:
- Header and hero: a script logo, a menu (About, Portfolio, Contact), a Get Started button, a large name with a short intro line, social icons for Behance, Dribbble, Instagram, LinkedIn and Pinterest, Hire Me and Portfolio buttons, and a cut-out portrait. Small numbers from 01 to 04 on the right suggest a slider.
- About Me: two short paragraphs, a Download CV button and a framed photo of a designer at work.
- Portfolio: filter tabs (All, Logo, Websites, Mobile Apps), arrow buttons and a grid of six rounded project cards, one of them shown in a red hover state with a title and tags.
- My Capabilities: six service blocks with a layered icon in red and yellow. All six use the same “Web Design” placeholder, so you will need to write your own services.
- What My Client Says: client photos scattered over a dotted world map next to one large quote.
- Contact: “Let’s Make Something Great Together”, with fields for name, email, phone, budget and message, and a Hire Me button.
- Footer: the logo again, links, contact details and social icons.
What is in the download
- File: one ZIP of about 14.6 MB with the .xd file, the square preview image shown above and a short Info.txt.
- Artboard: a single desktop artboard called Homepage, 1920 x 9036 px. There is no tablet or mobile version.
- Fonts: mostly Poppins, which is free on Google Fonts, plus a few layers in Raleway. The script logo uses Freestyle Script, the quote marks use Haettenschweiler and the budget dropdown arrow uses Webdings. These three come with Windows, so on a Mac XD will ask you to replace them.
- Assets: 13 colour swatches and one component saved in the document. The photos and project thumbnails are embedded as placeholders. Replace them with your own work before you publish anything.
- Licence: free to download. Our original listing did not set out any other terms.
Opening the file in Adobe XD or Figma
Adobe XD is in maintenance mode. Adobe still fixes bugs and security issues, but it is not adding new features. If you already have XD installed, the file opens as normal.
If your team works in Figma, the Convertify plugin can import an .xd file into a new Figma page, including layers, text and images. Check the plugin page for its current pricing. Install Poppins and Raleway first so the text comes across correctly. Another route is to export the artboard from XD as SVG and drag it into Figma, then rebuild the text styles and spacing by hand. A one-page layout like this is also quick to rebuild from scratch using the preview as a guide.
Who this template suits
The template fits a freelance designer, illustrator or small studio that wants a confident, high-contrast look. The dark palette makes bright project images stand out, so it works best when your work is colourful. Before you launch, swap the repeated “Web Design” blocks for real services, add a line or two of context to each project card, and check that the light grey body text is large enough to read on a dark background. If you prefer a lighter style, look at the related templates below.
More free portfolio templates
Browse all our free Adobe XD kits, or try these portfolio files:
- Personal portfolio website template, with a purple palette and service cards
- Green portfolio website template, a lighter alternative
- Designer portfolio free XD template
- Coder personal portfolio template, for developers
Need a portfolio website designed for a client?
Inkyy is a white label design and development team for agencies. Our in-house designers create portfolio sites and landing pages that you present under your own brand. See our design services or book a 15-minute call.
