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

Architect portfolio website builder

An architecture portfolio with the photographs and the drawings

Architecture is presented through photographs, drawings and a few precise sentences. FNJ's AI builder designs an architect's portfolio in that tradition: projects with location, year and status, large photography, plans and sections as images, a practice page and contact. It suits small practices, independent architects and graduates applying to offices.

  • Photography and drawings together
  • Projects with the facts
  • A quiet frame

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

The sample, section by section

What an architect 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

    Project hero

    One building, full width.

  2. 02

    Projects index

    Built work, competitions and studies.

  3. 03

    Project pages

    Photos, drawings, facts and text.

  4. 04

    Practice

    Approach, team and recognition.

  5. 05

    Contact

    Studio address and email.

Sample photography from Unsplash by junoless, joelfilip, photohunter and rpnickson.

Made for architects, not for everyone

Starter prompt

A prompt written for architects

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

An architecture practice's site whose restraint and grid you admire.

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

Build an architecture portfolio for [practice name], an architecture practice in [city] working on [housing, cultural and public] projects. Open with a full-width photograph of our latest building and our name in a precise sans-serif. Add a projects index with eight projects (location, year, status) and a page for each with large photographs, plans and sections as images, a facts block (size, client, collaborators) and a short text. Add a practice page with our approach and team, and a contact section with our studio address. Minimal and precise: white space, a strict grid, small refined type and no decoration.

How it works

  1. 01

    Describe your architect 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 photos, 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

Architects: questions

Can I show plans and sections?
Yes, as images exported from your drawing software. Ask for wide layouts so drawings stay legible.
Can architecture students use this for job applications?
Yes. Ask for a CV section and student project pages; you can also export a PDF portfolio separately and link to it.
Can I embed a 3D model or virtual tour?
Not in the builder. Link to the model or tour with a button, or add a viewer to the exported code.
Can each project have many images?
Yes. Each image is its own block, and pages are designed at desktop, tablet and phone widths.

Related portfolio builders

Publish your buildings properly

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