Skip to content
kitefolio

Kitefolio Studio original · Free · MIT

Blueprint

A drafting-table portfolio: cyanotype grid, dimension lines, and projects drawn up like system diagrams.

Designed by Kitefolio Studio
Added 2 October 2026 · 2 downloads

5.0(1)

The idea

A drafting-table portfolio: cyanotype grid, dimension lines, and projects drawn up like system diagrams.

Inspired by

Cyanotype engineering drawings, the blue prints that gave the word its meaning.

What to notice

Dimension lines and a drafting grid make every project feel specified, not decorated.

How it was made

Drawn and built by the Kitefolio studio as a React component, then tested in the editor, on phones and with reduced motion. Every section reads from one shared content model, so the same words fill any design.

Who it’s for

Platform engineers, Solutions architects, Hardware engineers.

Scroll through it

The real template, running live with sample content.

Loading preview…

Two ways to use it

Free · you edit the code

Download and set it up

  1. Install Node.js (the LTS version) if you don’t have it.
  2. Unzip the download and open the folder in a terminal.
  3. Run npm install, then npm run dev. It opens in your browser.
  4. Put your own words in src/content.json and your photos in public/. Colours and fonts are in the README.
  5. Run npm run build and upload the dist folder to any static host (Netlify, Cloudflare Pages, GitHub Pages).

No code · free to start

Let Kitefolio handle it

  • Click any text or photo to change it, no code at all
  • A free address, or your own domain with Pro
  • Hosting, speed and security looked after
  • A blog, and the Investigator to keep it up to date
  • Switch to another design any time, keeping your words

Made for these jobs

Open Blueprint with sample content written for your job title.

Questions about Blueprint

Is the Blueprint template free?
Yes. You can download Blueprint free (MIT licence) and host it yourself, or customise it in Kitefolio and publish it free at a Kitefolio address. Your own domain comes with Pro, from AED 35 a month.
Who is Blueprint for?
Platform engineers, Solutions architects, Hardware engineers.
Can I use Blueprint without coding?
Yes. In the Kitefolio editor you click any text or photo on Blueprint to change it, import your CV or LinkedIn, and publish in a few minutes. No code is needed.
Does Blueprint work on phones?
Yes. Blueprint adapts to any screen size and was tested on phones, tablets and desktops, and with reduced motion.
Can I change the colours and fonts of Blueprint?
It comes with 3 colour schemes (Cyanotype, Graphite sheet, Night drafting). Font pairings: Plex Mono + Plex Sans, Space Mono. You switch them in the editor's Design panel.
Can I switch from Blueprint to another template later?
Yes. Your content is kept separately from the design, so you can move to any other Kitefolio template without retyping anything.

More from the gallery

Chat on WhatsApp