# HTML portfolio site

A responsive type studio portfolio gives visitors a home page, two detailed specimen pages, and an about page. Tokay serves the plain HTML and CSS as one Web Service.

Use this example when your site is already a folder of pages and styles. The fictional studio relies on system fonts and CSS shapes, so you can publish it immediately and replace the content at your own pace.

## Facts

- Runtime: Static HTML
- Framework: None
- Service types: Web Service
- Resources: None
- Required secrets: None

## What it does

The home page introduces Northline Type Studio and links to the **Field Note Serif** and **Relay Sans** specimens.

Each specimen gets its own page with sample text, character details, and layouts that adapt to a narrow screen.

The **About** page explains the fictional studio and keeps the same navigation across the site.

## Deploy it

Bring this folder to Tokay any way you like. Paste or upload it in the dashboard, push it with git, or hand it to your AI agent along with [our agent instructions](https://app.tokay.io/llms.txt). Tokay figures out the rest.

Working in Claude, ChatGPT, VS Code, or another MCP client? Connect the [Tokay MCP server](https://tokay.io/docs/platform-mcp) and ask your agent to deploy this example. It signs in through your browser, so there is no token to paste.

New to Tokay? The [getting started guide](https://tokay.io/getting-started) walks you through your first deploy.

## Try it

1. Open both specimen pages and resize your browser until the layout becomes a single column.
2. Change the studio name or a color in the source, then deploy again.
3. Follow the navigation on the live site and confirm your update appears on every page you changed.

## How it works

You can work on the site without a build tool or JavaScript framework. Tokay detects the static entry page and serves these four HTML files with their shared stylesheet directly.

## Secrets

The portfolio needs no secrets. Every font and visual comes from the browser or this folder.

## Grow from here

Browse the [Tokay examples catalog](/examples) when your site needs forms, saved data, or server code.

## Source files

- [about.html](https://tokay.io/examples/src/html-portfolio-site/about.html)
- [index.html](https://tokay.io/examples/src/html-portfolio-site/index.html)
- [sans-study.html](https://tokay.io/examples/src/html-portfolio-site/sans-study.html)
- [serif-study.html](https://tokay.io/examples/src/html-portfolio-site/serif-study.html)
- [style.css](https://tokay.io/examples/src/html-portfolio-site/style.css)

## Download and source

- [Download the complete project](https://tokay.io/examples/downloads/html-portfolio-site.zip)
- Last updated: 2026-07-31
- Example revision: `52c7b7f`
- [View this revision on GitHub](https://github.com/tokayio/tokay-examples/tree/52c7b7ffd52e157375b08f1f11ff4fbe6c498642/html-portfolio-site)
- [Host a static HTML site](https://tokay.io/use-cases/deploy-static-html)