---
name: Majacerar
description: "Exceptional example of restrained portfolio design that lets work speak through generous whitespace and typographic hierarchy"
version: alpha

colors:
  background: "#ffffff"
  primary: "#111111"
  neutral: "#bb1111"
  line: "rgba(17, 17, 17, 0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: geometric-sans
    fontSize: 19.2px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 4px
  md: 8px
  lg: 64px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A refined design portfolio showcasing high-end product and brand design work

*A sophisticated gallery portfolio with a focus on layout and negative space*

## Colors

High-contrast monochrome with strategic use of muted tones

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#111111`)** — uses `ink` token
- **Muted (`#bb1111`)** — uses `muted` token
- **Borders (`rgba(17, 17, 17, 0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

## Layout

Three-column header layout, single-column project sections with generous whitespace

*Rhythm:* Vertical rhythm based on 48px gaps between major sections

## Elevation & Depth

- Borders: 1px solid rgba(17, 17, 17, 0.1) horizontal dividers

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 64px
- `pill`: 999px

## Components

- **button:** Minimal text-based navigation with hover transitions
- **card:** Project showcase cards with large imagery and minimal text overlays
- **hero:** Spacious header with biographical text and project categorization

## Do's and Don'ts

**Don't:**
- Don't use saturated colors — screenshot shows monochrome palette with white background
- Don't add drop shadows — screenshot shows completely flat design
- Don't use bold font weights — screenshot shows consistent 400 weight throughout
- Don't create dense layouts — screenshot shows generous spacing between elements
- Don't use rounded corners on main elements — screenshot shows 64px radius only on specific elements
- Don't include multiple accent colors — screenshot shows no dominant accent color

---

## System Prompt (paste into AI agent)

```
This is a refined design portfolio for Maja Cerar, a San Francisco-based designer specializing in brand identity and digital product design. The design features a monochrome palette with #ffffff background and #111111 text, using a geometric sans-serif typeface at 19.2px body size with 400 weight. Key characteristics include generous whitespace, large display typography at 56px with tight letter-spacing, and minimal visual elements. The layout uses a three-column header structure and single-column project sections with horizontal dividers. Critical design rules include avoiding saturated colors, keeping all weights at 400, maintaining large gaps (48px) between sections, and using only text-based navigation without traditional button components. The overall aesthetic is clean, professional, and gallery-like with smooth 0.9s transitions.
```