{
  "id": "unlirice-ooo",
  "title": "Unlirice Ooo",
  "url": "https://unlirice.ooo",
  "tags": [
    "Experimental",
    "Portfolio",
    "Photographic",
    "Gallery",
    "Expression"
  ],
  "colors": {
    "principle": "Strict monochrome UI to allow the colorful photographic content to take center stage without competition.",
    "bg": "#FFFFFF",
    "bgSoft": null,
    "bgQuiet": null,
    "ink": "#000000",
    "inkSoft": null,
    "muted": "#000000",
    "mutedSoft": null,
    "accent": null,
    "line": "rgba(0,0,0,1)"
  },
  "typography": {
    "rules": [
      "Use massive, oversized typography to anchor the floating chaotic elements.",
      "Maintain a strict weight of 400 (Regular) across almost all elements to preserve a clean, quiet baseline.",
      "Avoid decorative or italicized text to maintain a stark, brutalist aesthetic."
    ],
    "scaleUses": [
      "massive brand signature at the bottom of the viewport",
      "section numbers or minimal metadata",
      "standard UI text and system elements"
    ],
    "display": "geometric-sans",
    "body": "humanist-sans",
    "mono": null,
    "scale": [
      {
        "token": "display",
        "size": 160,
        "lh": 0.9,
        "weight": 400,
        "ls": "-2px"
      },
      {
        "token": "heading",
        "size": 28,
        "lh": 1.15,
        "weight": 400,
        "ls": "0px"
      },
      {
        "token": "body",
        "size": 16,
        "lh": 1.4,
        "weight": 400,
        "ls": "0px"
      }
    ]
  },
  "spacing": {
    "rhythm": "irregular",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [],
    "borders": "none",
    "radius": {
      "sm": 0,
      "md": 0,
      "lg": 0,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "A fluid, non-grid canvas where elements are placed using absolute positioning or CSS transforms to create a floating effect.",
    "container": 1920,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Long, smooth opacity transitions (2s) for element reveals",
      "Cubic-bezier easing for interactive state changes",
      "Continuous subtle floating or parallax movements"
    ],
    "durations": {
      "micro": 220,
      "small": 400,
      "medium": 2000
    },
    "easing": "cubic-bezier(0.19, 1, 0.22, 1)"
  },
  "identity": {
    "keywords": [
      "experimental",
      "collage",
      "photographic",
      "floating",
      "dynamic"
    ],
    "analogy": "A floating digital collage of fragmented memories",
    "oneLiner": "A highly experimental and expressive photographic portfolio that rejects traditional grids in favor of dynamic, floating compositions."
  },
  "components": {
    "button": "Minimal interactive states, mostly represented by clickable floating elements or raw links.",
    "card": "Circular or elliptical photographic crops with no padding, borders, or shadows.",
    "chip": null,
    "input": null,
    "hero": "A dynamic, full-screen canvas populated by floating, rotated, and scaled circular images anchored by a massive bottom-aligned logotype."
  },
  "interaction": {
    "hover": "Elements may change state via a pointer cursor, often triggering subtle scaling or opacity shifts.",
    "click": "Direct interaction with floating photographic elements.",
    "transition": "Global use of 'all' transitions with a focus on smooth, extended durations.",
    "keyboard": "Standard browser navigation for links."
  },
  "voice": {
    "tone": "Abstract, minimal, and non-verbal.",
    "headlineStyle": "Massive, stark, and strictly lowercase or uppercase without emotional inflection.",
    "ctaStyle": "Subtle or entirely absent, relying on the visual composition to guide the user.",
    "avoid": [
      "Conversational UI",
      "Marketing jargon",
      "Dense paragraphs",
      "Explicit navigation labels"
    ]
  },
  "donts": [
    "Don't use standard UI containers — screenshot shows floating circular elements without borders or shadows.",
    "Don't use a traditional grid system — screenshot shows elements scattered across the viewport in a fluid, non-aligned manner.",
    "Don't use varied font weights — screenshot shows almost exclusively Regular (400) weight text.",
    "Don't use background colors other than white — screenshot shows a strict white (#FFFFFF) background.",
    "Don't use standard rounded rectangles for buttons or cards — screenshot shows purely circular or elliptical crops.",
    "Don't use busy or textured backgrounds — screenshot shows a clean, stark white void."
  ],
  "systemPrompt": "A highly experimental and expressive photographic portfolio. Positioning: An abstract, artistic canvas that prioritizes visual exploration over standard UI patterns. Key hex colors: #FFFFFF background and #000000 foreground. Font categories: geometric-sans for display and humanist-sans for body, both strictly at Regular (400) weight. Critical donts: Do not use standard grid layouts; do not apply heavy borders, shadows, or container backgrounds; do not use bold or italic typography. The system relies on fluid, absolute positioning and long opacity transitions to create a dynamic, floating experience."
}