Graphic designer portfolio website builder
A graphic design portfolio with real typographic nerve
Graphic design portfolios live or die on scale, grid and type. Give FNJ's builder a reference with the nerve you want, list your posters, identities and print work, and it designs a portfolio with big type, image-led project pages and a layout that changes pace between projects instead of repeating one card.
Graphic design for culture & commerce
Posters, identities and books that look like nothing else on the wall.
Graphic design for culture & commerce
Posters, identities and books that look like nothing else on the wall.
The same sample at phone width. The builder designs every page at desktop, tablet and phone widths.
The sample, section by section
What a graphic designer website needs
The sections the builder can design for you, and the job each one does. The starter prompt asks for these; add or drop any of them in your own words.
- 01
Typographic hero
Your name or statement as a piece of type.
- 02
Project index
Posters, identities, editorial and packaging.
- 03
Project pages
Large images, the brief and the idea behind it.
- 04
Clients and collaborators
Who you've made work with.
- 05
Contact
Email and availability for commissions.
Sample photography from Unsplash by alex__grig, __humanbean and avtar9w.
Made for graphic designers, not for everyone
01
Scale and contrast
Large display type, tight grids and bold image crops, because a timid layout undersells confident work.
02
A layout per kind of work
Posters in tall formats, identities as systems, print as spreads: each project laid out for what it is.
03
Fonts that match your taste
The builder pairs Google Fonts to your reference, and swaps to any other Google Font you ask for by name.
Starter prompt
A prompt written for graphic designers
It opens in the builder ready to edit. Replace the words in brackets with your own details, change anything else you like, then add a reference.
Reference to add
A graphic designer's or studio's site with the typographic nerve you want.
The builder takes a reference's look (layout, type, palette, spacing), never its words or images.
Build a graphic design portfolio for [your name], a graphic designer in [city] who works on [posters, identities and editorial design]. Open with my name set huge in a bold display typeface. Add a project index with eight projects in a varied, asymmetric grid (tall posters, wide spreads, square identity marks), a page per project with large images and a short paragraph on the brief and idea, a clients section and a contact section. Bold, typographic and confident: a Swiss-influenced grid, strong black type and one vivid accent.
How it works
01
Describe your graphic designer site
Open the builder with the starter prompt, fill in your details and add a screenshot or link of a site you'd like yours to look like. A reference is required: it's what makes the design yours rather than a template.
02
Watch it design every page
The builder plans the pages, palette and type, then builds each page section by section on a canvas at desktop, tablet and phone widths while you watch.
03
Refine it, then take the code
Ask for changes in plain words or edit by hand, upload your own work, then download a Next.js project or static HTML, or push it to your GitHub, and host it where you like.
What it costs: From $25/month, or $29 once for 50 credits that never expire. No FNJ hosting fee: you host the exported site. See plans
Graphic designers: questions
- Can the layout vary between projects?
- Yes. Ask for each project to be laid out for its format and the builder designs posters, spreads and identities differently. Any project page can be rearranged on the canvas.
- Can I show print work at high resolution?
- Uploaded images are resized and converted to WebP to keep pages fast; for detail, place close-up crops alongside the full view.
- Can I sell prints or posters?
- The builder doesn't include a shop. Link a button to the store you already use.
- Can I use a font I designed or licensed?
- Not yet: the builder loads Google Fonts only. Pick the closest match, or set your custom type as an image for headlines.
Related portfolio builders
Give your work a layout with nerve
The builder opens with your graphic designer prompt filled in. You edit it, add a reference, and watch the first version take shape.