---
name: Nevflynn
description: "A great example of a modern, personality-driven developer portfolio that balances professionalism with a playful, accessible design language."
version: alpha

colors:
  background: "#F7F2F2"
  primary: "#0D1117"
  secondary: "#000000"
  tertiary: "#6ED2B7"
  neutral: "#8A949E"
  bg-soft: "#FFFFFF"
  line: "rgba(0, 0, 0, 1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 700
    letterSpacing: "-1px"
  h1:
    fontFamily: geometric-sans
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 500
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 8px
  md: 18px
  lg: 32px
  pill: 999px

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

---

## Overview

A playful, card-based personal portfolio with a warm pastel palette and bold, rounded typography.

*A playful yet professional developer portfolio.*

## Colors

Warm, neutral background with soft pastel accents and high-contrast dark text.

- **Background (`#F7F2F2`)** — uses `bg` token
- **Primary text (`#0D1117`)** — uses `ink` token
- **Secondary text (`#000000`)** — uses `ink-soft` token
- **Accent (`#6ED2B7`)** — uses `accent` token
- **Muted (`#8A949E`)** — uses `muted` token
- **Borders (`rgba(0, 0, 0, 1)`)** — uses `line` token

## Typography

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

- Use Moranga Bold for display elements.
- Use Silka for body and UI text.

## Layout

Masonry-style card grid with varying card sizes.

*Rhythm:* Based on a 4px unit grid.

## Elevation & Depth

- rgba(0, 0, 0, 0) 0px 0px 0px 2px inset
- rgb(240, 242, 248) 0px 0px 0px 2px
- Borders: Visible on active states or specific cards, often 2px solid.

## Shapes

- `sm`: 8px
- `md`: 18px
- `lg`: 32px
- `pill`: 999px

## Components

- **button:** Pill-shaped with subtle border or solid background.
- **card:** Large rounded corners (18px or 32px), white background, soft padding.
- **chip:** Small pill-shaped tags or navigation items.
- **input:** Minimal border-bottom or bottom border style.
- **hero:** Card-based layout containing avatar and bio text.

## Do's and Don'ts

**Don't:**
- Don't use dark mode — screenshot shows a light, warm background instead.
- Don't use sharp corners — screenshot shows large 18px and 32px border-radius instead.
- Don't use thin, elegant serifs — screenshot shows bold geometric sans-serif fonts instead.
- Don't use a rigid, strict grid — screenshot shows a playful, staggered card layout instead.
- Don't use aggressive, high-saturation neon colors — screenshot shows soft, muted pastels instead.
- Don't use complex, heavy drop shadows — screenshot shows very subtle, light shadows or flat design instead.

---

## System Prompt (paste into AI agent)

```
This is a personal portfolio for a developer and product designer, characterized by a warm, playful aesthetic. The palette is grounded in a soft off-white background with bold black text and is punctuated by pastel accents like teal, blue, and pink. Typography is a mix of a bold geometric sans for headlines and a clean, legible sans-serif for body text. Key interaction patterns include smooth transitions on hover. Critical design constraints include: DO NOT use dark mode, DO NOT use sharp corners, DO NOT use thin serifs, DO NOT use a rigid grid layout, and DO NOT use high-saturation neon colors.
```