---
type: Knowledge Bundle Index
title: Portafolis Marta Vila — Knowledge Bundle
description: Root of the Open Knowledge Format (OKF) bundle for the Marta Vila practice-portfolio website. Start here to understand the whole project.
tags: [portfolio, catalan, static-site, okf, root]
timestamp: 2026-06-15T00:00:00Z
---

# Portafolis Marta Vila — Open Knowledge Format bundle

This directory is an **Open Knowledge Format (OKF)** bundle: a graph of plain-Markdown
concept documents (each with YAML frontmatter) that together describe this website
fully enough for a human **or an LLM** to understand and rebuild it later, with no
access to any chat history.

**Format note for the reader (human or agent):** every `.md` file here is one *concept*.
Its identity is its path. The YAML frontmatter carries structured metadata (`type` is the
only required field); the Markdown body carries the free-form knowledge. Concepts link to
each other with ordinary Markdown links — follow them as a knowledge graph. `index.md`
files summarise a folder; [log.md](log.md) records provenance and changes. This mirrors
the OKF spec described at
<https://cloud.google.com/blog/products/data-analytics/how-the-open-knowledge-format-can-improve-data-sharing>.

## What this project is

A single-page, static **portfolio website** ("portafolis de pràctiques") for **Marta Vila**,
a teacher of Catalan as an additional language (CPNL, Sant Cugat del Vallès). It is written
entirely in **Catalan**. The visual brief was to emulate the award-winning
[Tresmares Capital](https://www.awwwards.com/sites/tresmares-capital) site: minimal, bold,
big display type, smooth scroll, parallax and reveal motion.

## Map of the bundle

- [project.md](project.md) — the brief, goals, constraints, and who Marta is.
- [source-document.md](source-document.md) — provenance: the original `.docx` the content came from, its 4 images and 2 reference links.
- **Content** ([content/index.md](content/index.md)) — the page's sections with their **verbatim Catalan text**:
  - [content/punt-de-partida.md](content/punt-de-partida.md)
  - [content/formacio-i-experiencia-previa.md](content/formacio-i-experiencia-previa.md)
  - [content/ensenyar-i-aprendre.md](content/ensenyar-i-aprendre.md)
  - [content/expectatives-del-postgrau.md](content/expectatives-del-postgrau.md)
- **Design** ([design/index.md](design/index.md)):
  - [design/design-system.md](design/design-system.md) — palette, typography, motion, tokens, and the design-critique decisions.
  - [design/images.md](design/images.md) — every image asset: source, processing, usage, alt text.
- [build-and-deploy.md](build-and-deploy.md) — how the site is structured, served, and published (Cloudflare Pages).
- [log.md](log.md) — change log and provenance trail.

## How to rebuild from this bundle

1. Read [project.md](project.md) for intent, then [design/design-system.md](design/design-system.md) for the visual system.
2. Pull the **verbatim text** from the `content/` files (never paraphrase Marta's words — see [project.md](project.md) → "Inviolable rules").
3. Place images per [design/images.md](design/images.md).
4. Wire structure/motion per [build-and-deploy.md](build-and-deploy.md).