---
name: Jonasmosesson Se
description: "A strong example of using a minimalist palette and playful hand-drawn elements to create a memorable and friendly brand identity."
version: alpha

colors:
  background: "#FFD7CE"
  primary: "#0057FF"
  line: "rgba(0,87,255,1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 600
    letterSpacing: "0px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 300
    letterSpacing: "0px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

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

---

## Overview

A playful, minimalist portfolio for an illustrator and animator.

*A sketchbook come to life*

## Colors

Two-tone high-contrast palette with a soft warm background and vibrant blue accents.

- **Background (`#FFD7CE`)** — uses `bg` token
- **Primary text (`#0057FF`)** — uses `ink` token
- **Borders (`rgba(0,87,255,1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

- Use wide letter-spacing for uppercase micro-text and labels.

## Layout

Full-width hero followed by a symmetric 2x2 grid of flat color blocks.

*Rhythm:* Generous vertical spacing with large padding blocks.

## Elevation & Depth

- Borders: None, relying on flat color blocks.

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Text-based navigation links with simple underlines on hover or active states.
- **card:** Full-bleed color blocks for the portfolio grid.
- **hero:** Large hand-drawn typographic logo centered over a soft background.

## Do's and Don'ts

**Don't:**
- Don't use complex gradients — screenshot shows flat, solid color blocks.
- Don't use heavy drop shadows — screenshot shows a completely flat design.
- Don't use serif typography — screenshot uses a clean sans-serif for all text.
- Don't use harsh dark backgrounds — screenshot uses soft pastels like #FFD7CE.
- Don't overcrowd the layout — screenshot shows generous whitespace.
- Don't use rigid, boxy borders — screenshot relies on flat colors and line art.

---

## System Prompt (paste into AI agent)

```
A playful, minimalist portfolio site for an illustrator and animator. The design relies on a simple two-tone color palette featuring a soft warm peach (#FFD7CE) background and vibrant blue (#0057FF) accents. Typography is a light, humanist sans-serif with expressive hand-drawn elements. The layout is spacious, using a centered container for text and a full-bleed 2x2 grid of solid color blocks for the portfolio. Critical donts: Avoid complex gradients or textures, do not use serif fonts, and do not add heavy drop shadows. Keep the tone casual, friendly, and inviting.
```