FNJ

Brand designer portfolio website

A brand portfolio that shows systems, not just logos

A logo on a blank background doesn't sell a brand designer. FNJ's builder designs identity case studies the way studios present them: the strategy in a line, the mark, the type and colour system, and the identity at work on packaging, signage and screens. Describe your projects and attach a studio site whose presentation you admire.

Sample site with fictional names, made to show the kind of site the builder designs. Yours is designed from your description and the reference you choose.

The same sample at phone width. The builder designs every page at desktop, tablet and phone widths.

The sample, section by section

What a brand 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.

  1. 01

    Studio statement

    What you believe a brand should do.

  2. 02

    Identity work

    Projects with the client and sector.

  3. 03

    Case studies

    Strategy, mark, type, colour and applications.

  4. 04

    Services

    Strategy, naming, identity, guidelines.

  5. 05

    Studio and contact

    Who you are and how to start.

Sample photography from Unsplash by avtar9w, __humanbean and mathildelangevin.

Made for brand designers, not for everyone

Starter prompt

A prompt written for brand 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 branding studio's site whose case-study presentation you'd like to match.

The builder takes a reference's look (layout, type, palette, spacing), never its words or images.

Build a brand designer portfolio for [studio name], a brand identity studio working with [sector] businesses. Open with a short studio statement. Add an 'Identity work' section with six projects (client, sector, cover image) and a case-study page for each: the strategic idea in one sentence, the mark, the type and colour system shown as specimen blocks, and applications (packaging, signage, digital). Add services (strategy, naming, identity, guidelines), a studio section and a contact section. Refined and confident: generous whitespace, an elegant grotesque, large application imagery and colour used only where the work needs it.

How it works

  1. 01

    Describe your brand 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.

  2. 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.

  3. 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

Brand designers: questions

Can I show colour palettes and type specimens?
Yes. Ask for specimen blocks and the builder makes colour swatches and type samples as real page elements you can edit.
Can I put brand guidelines online?
You can design a guidelines page per client with the builder, but there's no password protection, so only publish what the client agrees to share.
Can the site match my own studio brand?
Yes. Attach your own brand files as a project reference, or a screenshot of your guidelines, and the builder uses your exact colours and fonts.
How many case studies can I include?
Site Pack sites go up to 10 pages and subscription sites up to 20, so a home page, an about page and eight or more case studies fit comfortably.

Related portfolio builders

Present identities the way studios do

The builder opens with your brand designer prompt filled in. You edit it, add a reference, and watch the first version take shape.