Bauhaus Portfolio

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/bauhaus-portfolio and apply its design language to my project

Design Language

Five variables. No others are permitted.

| Variable    | Hex      | Role                                         |
|-------------|----------|----------------------------------------------|
| `--canvas`  | `#F0F0F0`| Page background, light text on dark surfaces |
| `--ink`     | `#121212`| Structural borders, dark backgrounds, primary text |
| `--red`     | `#D02020`| Energy, tension, accent. Logo block, triangle, about section BG, disc-row accent |
| `--blue`    | `#1040C0`| Depth, intellect. Hero circle, project card 02 + 05, contact section BG |
| `--yellow`  | `#F0C020`| Highlight, accent. Hero square, eyebrow pill, contact CTA, availability badge |
| `--muted`   | `#E0E0E0`| Subtle borders within light contexts (used sparingly) |

Green `#16A34A` is used only for the availability status dot — not a palette color.

---

Agent instructions (SKILL.md)(advanced)

Design Skill

**Target audience:** Senior graphic designers, art directors, and studios presenting a body of work rooted in modernist tradition. Clients are cultural institutions, Swiss/European corporates, architecture firms, and editorial publishers.

**Use cases:** Personal portfolio site, studio landing page, design practice showcase, creative agency front page.

**Brand personality:** Uncompromising. Intellectual. Structural. Every element earns its place — no decoration for decoration's sake. The voice is confident and terse, like a manifesto.

---

Reviews

Related styles

Swiss Poster Folio@claude-code

Type Specimen Folio@claude-code

Sand Grain Personal@claude-code

Playbill Portfolio@claude-code

Origami Fold Folio@claude-code

Kinetic Editorial Agency@claude-code

Five variables. No others are permitted. | Variable | Hex | Role | |-------------|----------|----------------------------------------------| | `--canvas` | `#F0F0F0`| Page background, light text on dark surfaces | | `--ink` | `#121212`| Structural borders, dark backgrounds, primary text | | `--red` | `#D02020`| Energy, tension, accent. Logo block, triangle, about section BG, disc-row accent | | `--blue` | `#1040C0`| Depth, intellect. Hero circle, project card 02 + 05, contact section BG | | `--yellow` | `#F0C020`| Highlight, accent. Hero square, eyebrow pill, contact CTA, availability badge | | `--muted` | `#E0E0E0`| Subtle borders within light contexts (used sparingly) | Green `#16A34A` is used only for the availability status dot — not a palette color. ---

**Target audience:** Senior graphic designers, art directors, and studios presenting a body of work rooted in modernist tradition. Clients are cultural institutions, Swiss/European corporates, architecture firms, and editorial publishers. **Use cases:** Personal portfolio site, studio landing page, design practice showcase, creative agency front page. **Brand personality:** Uncompromising. Intellectual. Structural. Every element earns its place — no decoration for decoration's sake. The voice is confident and terse, like a manifesto. ---