---
name: Kikk Be
description: "An excellent example of a bold, non-corporate, maximalist design system that uses heavy typography and clashing colors to convey a distinct, experimental festival identity."
version: alpha

colors:
  background: "#111111"
  primary: "#F1F1F1"
  secondary: "#F1F1F199"
  neutral: "#F1F1F180"
  bg-soft: "#E0E0E0"
  bg-quiet: "#F1F1F1"
  muted-soft: "#F1F1F166"
  line: "rgba(241, 241, 241, 0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 72px
    lineHeight: 0.9
    fontWeight: 900
    letterSpacing: "-2px"
  heading:
    fontFamily: grotesque-sans
    fontSize: 36px
    lineHeight: 1.1
    fontWeight: 900
    letterSpacing: "normal"
  subheading:
    fontFamily: grotesque-sans
    fontSize: 20px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"
  caption:
    fontFamily: grotesque-sans
    fontSize: 9px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "2px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 24px
  2xl: 32px
  3xl: 40px

---

## Overview

An expressive and maximalist digital platform for a creative technology and digital arts festival.

*A loud, experimental art gallery that rejects minimalism in favor of bold, clashing colors and heavy typography.*

## Colors

High contrast with a dark base, utilizing a vibrant, experimental, and intentionally clashing multi-color palette.

- **Background (`#111111`)** — uses `bg` token
- **Primary text (`#F1F1F1`)** — uses `ink` token
- **Secondary text (`#F1F1F199`)** — uses `ink-soft` token
- **Muted (`#F1F1F180`)** — uses `muted` token
- **Borders (`rgba(241, 241, 241, 0.1)`)** — uses `line` token

## Typography

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

- All-caps tracking heavily for captions
- Heavy weight for display and display-like headings
- Mix of Poppins and Inter Tight for a contemporary, geometric feel

## Layout

Grid-based with strict horizontal and vertical separators.

*Rhythm:* A slightly irregular vertical rhythm heavily influenced by tight padding on containers and extensive tracking.

## Elevation & Depth

- Borders: Thin 1px borders used strictly for separating content blocks, often asymmetric.

## Shapes

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

## Components

- **button:** Text-based, uppercase, wide tracking, minimal or no background.
- **card:** Grid items with strict 1px borders and no border-radius.
- **hero:** Full-width, heavy typography, often accompanied by bold, complex graphic compositions.

## Do's and Don'ts

**Don't:**
- Don't use border-radius — screenshot shows strictly sharp, 0-radius corners on all containers.
- Don't use thin or light font weights — screenshot shows heavy 900-weight font for main displays.
- Don't use soft or pastel colors — screenshot shows high-saturation, clashing neon and primary colors.
- Don't use extensive drop shadows — screenshot shows completely flat design with no visible shadows.
- Don't use italic or script typography — screenshot shows exclusively upright, geometric sans-serifs.
- Don't use centered, decorative layouts — screenshot shows strict grid-based, left-aligned, or blocky structures.

---

## System Prompt (paste into AI agent)

```
Kikk Festival is a creative technology and digital arts event with a maximalist, experimental visual identity. It uses a dark (#111111) and light (#F1F1F1) base, contrasted with a wild, high-chroma palette of neon green (#00FF00), magenta, bright blue, and orange. The typography features heavy, geometric sans-serifs with wide tracking, strictly uppercase for captions. Critical donts: Do not use border-radius; always use sharp edges. Do not use thin or light font weights. Do not use subtle gradients or drop shadows; keep it flat. Do not use muted or pastel colors.
```