{
  "id": "lpalo",
  "title": "Lpalo",
  "url": "https://lpalo.com",
  "tags": [
    "Consumer",
    "Playful",
    "Typography",
    "Friendly",
    "Editorial"
  ],
  "colors": {
    "principle": "Warm, pastel backgrounds with high-contrast black typography and playful, flat-colored accents.",
    "bg": "#FDDFE1",
    "bgSoft": null,
    "bgQuiet": null,
    "ink": "#151515",
    "inkSoft": null,
    "muted": "#4A4A4A",
    "mutedSoft": null,
    "accent": "#EF724F",
    "line": "rgba(0, 0, 0, 0.8)"
  },
  "typography": {
    "rules": [
      "Display type is exclusively used for massive, attention-grabbing headlines.",
      "Body text maintains a clean, neutral sans-serif for readability.",
      "Navigation items use a mix of capsule buttons and standard links."
    ],
    "scaleUses": [
      "Hero headlines and primary callouts",
      "General reading text and navigation items",
      "Small UI labels and secondary navigation"
    ],
    "display": "slab-serif",
    "body": "humanist-sans",
    "mono": null,
    "scale": [
      {
        "token": "display",
        "size": 120,
        "lh": 0.95,
        "weight": 800,
        "ls": "-2px"
      },
      {
        "token": "body",
        "size": 16,
        "lh": 1.6,
        "weight": 400,
        "ls": "0"
      },
      {
        "token": "label",
        "size": 12,
        "lh": 1.4,
        "weight": 500,
        "ls": "0.5px"
      }
    ]
  },
  "spacing": {
    "rhythm": "Generous, open spacing that allows the large typography to breathe.",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [],
    "borders": "Bold 2px solid black outlines on buttons and illustrations",
    "radius": {
      "sm": 4,
      "md": 8,
      "lg": 48,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "Asymmetric, playful layout with overlapping elements and scattered illustrations.",
    "container": 1280,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Bouncy spring transitions for UI elements.",
      "Subtle floating animations for background illustrations."
    ],
    "durations": {
      "micro": 220,
      "small": 400,
      "medium": 800
    },
    "easing": "cubic-bezier(0.68, -0.6, 0.32, 1.6)"
  },
  "identity": {
    "keywords": [
      "Children",
      "Podcasts",
      "Storytelling",
      "Whimsy",
      "Education"
    ],
    "analogy": "A playful children's storybook mixed with modern digital illustration.",
    "oneLiner": "A whimsical, typography-forward platform for offbeat children's podcasts."
  },
  "components": {
    "button": "Pill-shaped with thick black borders, filled with white or accent colors.",
    "card": "Implied through the teal shape, featuring bold outlines and playful illustrations.",
    "chip": "Small pill-shaped labels used for secondary navigation.",
    "input": null,
    "hero": "Massive, left-aligned slab-serif headline on a pastel background with floating illustrations."
  },
  "interaction": {
    "hover": "Color shifts and subtle scaling on buttons.",
    "click": "Springy, tactile feedback via custom bouncy easing.",
    "transition": "Smooth, playful transitions between states.",
    "keyboard": "Standard focus management."
  },
  "voice": {
    "tone": "Playful, whimsical, and highly energetic.",
    "headlineStyle": "Bold, offbeat, and large-scale.",
    "ctaStyle": "Clear, actionable, and presented in pill-shaped buttons.",
    "avoid": [
      "Corporate",
      "Stiff",
      "Minimalist",
      "Serious",
      "Jargon"
    ]
  },
  "donts": [
    "Don't use standard system fonts — screenshot shows a bold slab-serif and humanist sans.",
    "Don't use subtle shadows — screenshot shows flat design with thick 2px black outlines.",
    "Don't use a white background — screenshot uses a consistent warm pastel pink background.",
    "Don't use thin, delicate typography — screenshot features extremely bold, heavy font weights.",
    "Don't use rigid, strictly aligned grids — screenshot shows a playful, overlapping, and asymmetrical layout.",
    "Don't use muted, greyish colors — screenshot uses vibrant, saturated accents like orange and teal."
  ],
  "systemPrompt": "This is a playful, typography-forward design system for a children's podcast platform. The core identity is built around massive, high-contrast slab-serif headlines and a warm, pastel aesthetic. The palette centers on a soft pink background (#FDDFE1) with bold black (#151515) text and vibrant orange (#EF724F) accents. Layouts are asymmetrical and energetic, featuring scattered line-art illustrations and pill-shaped buttons with thick black borders. Critical design rules: 1) Never use a white background or subtle shadows; 2) Typography must be bold and heavy, avoiding thin or corporate styles; 3) Embrace overlapping elements and asymmetrical compositions to maintain a sense of whimsy and playfulness."
}