From starting point to static site

A clear path from template to website.

Build locally, review the actual output, and leave with files you control. The current release needs no account or backend.

Start building freeChoose a template
Portfolio Work Studio builder with guided editing and live preview
  • No accountOpen the builder directly
  • Local savingBack up important work
  • Static exportHTML, CSS, and local assets

Six practical steps

Build the story, review the evidence, keep the files.

Each step reflects current product behavior. Hosted publishing and custom domains are not implied.

  1. Template gallery with real Signal, Atelier, and Ledger outputs
    01

    Choose a template

    Compare all ten real outputs by profession and presentation style. The template changes the reading rhythm, not the content model.

    • Use the live preview
    • Check a project page
    • Choose for evidence, not decoration
  2. Builder content panel beside a real portfolio preview
    02

    Replace the fictional content

    Start with your name, role, short introduction, and the few projects most relevant to the opportunity you want.

    • Fictional demos are clearly labelled
    • Structured plain text only
    • No arbitrary HTML or embeds
  3. Atelier project page combining large imagery with project context
    03

    Add projects and local media

    Describe the context, contribution, and supported result. Project images, profile portraits, site logos, and favicons are processed in the browser.

    • PNG, JPEG, and WebP
    • Project-image alt text
    • Aspect-ratio-safe site logo
  4. Builder showing a current preview and structured design controls
    04

    Tune the presentation

    Choose tested typography, image fit and position, project layout, navigation, footer, contact treatment, and site-identity display.

    • Bounded choices
    • Template-specific rhythm
    • Undo and Redo
  5. Real Signal portfolio output shown together at the canonical desktop, tablet, and mobile preview widths
    05

    Review Mobile, Tablet, and Desktop

    Use the three canonical preview widths before download. Wider previews keep their real width and scale only the visual stage when space is tight.

    • Mobile 390px
    • Tablet 768px
    • Desktop 1200px
  6. Finished Ledger portfolio project ready for static export
    06

    Download the website and project backup

    The website ZIP is ready for ordinary static hosting. The separate project backup restores structured content and canonical local media for future editing.

    • Script-free portfolio output
    • Local relative assets
    • Publishing instructions included

Two downloads, two jobs

Website ZIPPublish thisHTML · CSS · images · fonts · favicon · README
Project backupKeep thisStructured project and canonical local media

Export without lock-in

Publishing happens after the builder.

Upload the website files to a static host that accepts ordinary HTML, CSS, and local assets. Provider setup, domains, and hosting limits remain your responsibility.

Keep the project backup somewhere separate from browser storage.

Practical help

Prepare the content before polishing the frame.

Use the guides when project selection or case-study writing is the harder part.

Begin with real output

Choose the frame, then make the work yours.

Start with fictional demo content, replace it deliberately, and download only when the portfolio reads well on every screen.

Open the builderExplore templates