Free Portfolio template

Atelier

An architectural portfolio with room to breathe.

Plain HTML · CSS · JavaScript

127 KB · 7 files · No install or build step

Live preview Scroll inside to explore

Inside the design

Oversized serif headlines, an asymmetric photograph, quiet olive panels, and original geometric project illustrations give Atelier a considered studio character.

Architects, interior designers, and independent creative practices presenting a small, carefully selected body of work.

  • Asymmetric editorial hero
  • Expandable project studies
  • Illustrated process section
  • Responsive disclosure navigation

Start with your own content

Replace the fictional practice introduction and project studies with your work. Update the contact section, photograph, image descriptions, and title before publishing.

  1. Download and extract the ZIP, keeping its folder structure intact.
  2. Open index.html in a browser, then edit the HTML, CSS, and JavaScript in your editor.
  3. Replace the fictional text, demo contact details, titles, image descriptions, and any sample pricing.
  4. Follow the included README before publishing, including removing the preview-only noindex tag from your customized site.

These files are static. No message is sent, account created, or payment processed by the template. The embedded preview is isolated from MRHTML; open the full preview to inspect it in its own browser tab.

Code and asset licenses

Original template code is provided under the MIT license included in the ZIP. The visible Designed by MRHTML footer credit uses rel="nofollow"; the MIT license does not require you to keep that visible link.

Bundled photographs have their own Unsplash license and individual source records in ASSETS.md. The MIT license covers original code, not third-party photographs.

Read the setup guide · View asset sources · Read the code license