{
  "name": "Patepang",
  "source": "https://brand.patepang.com",
  "versions": {
    "logo": "7 November 2026",
    "color": "11 November 2026",
    "typography": "Version 0.5",
    "icons": "Version 0.4",
    "illustration": "Version 0.3",
    "sound": "No version yet"
  },
  "color": {
    "brand": {
      "sky": {
        "name": "Soft blue",
        "value": "#61A8DC"
      },
      "deep": {
        "name": "Deep blue",
        "value": "#245C8F"
      },
      "navy": {
        "name": "Navy",
        "value": "#18273A"
      },
      "ivory": {
        "name": "Ivory",
        "value": "#F7F5F0"
      },
      "pale": {
        "name": "Pale blue",
        "value": "#E2ECF5"
      },
      "white": {
        "name": "White",
        "value": "#FFFFFF"
      },
      "apricot": {
        "name": "Apricot",
        "value": "#E7956C"
      }
    },
    "support": {
      "forest": {
        "name": "Forest green",
        "value": "#1F5F4F"
      },
      "leaf": {
        "name": "Leaf",
        "value": "#5DA78B"
      },
      "amber": {
        "name": "Amber",
        "value": "#F0C468"
      },
      "light-blue": {
        "name": "Light blue",
        "value": "#A9CBEA"
      },
      "brick": {
        "name": "Brick",
        "value": "#A0461E"
      }
    },
    "role": {
      "canvas": {
        "name": "Canvas",
        "light": "#F7F5F0",
        "dark": "#0F1824"
      },
      "raised": {
        "name": "Raised surface",
        "light": "#FFFEFB",
        "dark": "#172334"
      },
      "sunken": {
        "name": "Sunken surface",
        "light": "#EFECE5",
        "dark": "#0B121C"
      },
      "ink": {
        "name": "Words",
        "light": "#18273A",
        "dark": "#F2EFE8"
      },
      "ink2": {
        "name": "Second words",
        "light": "#4B5869",
        "dark": "#C6D0DC"
      },
      "ink3": {
        "name": "Captions",
        "light": "#66717F",
        "dark": "#9AA6B4"
      },
      "line": {
        "name": "Hairline",
        "light": "#E3DFD6",
        "dark": "#26344A"
      },
      "lineStrong": {
        "name": "Strong line",
        "light": "#8792A0",
        "dark": "#6E7C8F"
      },
      "link": {
        "name": "Link",
        "light": "#245C8F",
        "dark": "#8DBDEB"
      },
      "btn": {
        "name": "Main button",
        "light": "#245C8F",
        "dark": "#61A8DC"
      },
      "onBtn": {
        "name": "Words on the main button",
        "light": "#FFFFFF",
        "dark": "#0F1824"
      },
      "focus": {
        "name": "Focus ring",
        "light": "#245C8F",
        "dark": "#8DBDEB"
      },
      "subtle": {
        "name": "Brand tint",
        "light": "#E2ECF5",
        "dark": "#1A2B42"
      },
      "onSubtle": {
        "name": "Words on the brand tint",
        "light": "#245C8F",
        "dark": "#A9CBEA"
      },
      "deep": {
        "name": "Deep ground",
        "light": "#18273A",
        "dark": "#0B121C"
      },
      "deepInk": {
        "name": "Words on the deep ground",
        "light": "#F7F5F0",
        "dark": "#F2EFE8"
      },
      "sky": {
        "name": "Soft blue field",
        "light": "#61A8DC",
        "dark": "#245C8F"
      },
      "onSky": {
        "name": "Words on the soft blue field",
        "light": "#18273A",
        "dark": "#F2EFE8"
      }
    },
    "status": {
      "success": {
        "light": {
          "text": "#2C6936",
          "subtle": "#E3F0E4"
        },
        "dark": {
          "text": "#8FD09B",
          "subtle": "#1C2B1F"
        }
      },
      "warning": {
        "light": {
          "text": "#7A5200",
          "subtle": "#FBEFD3"
        },
        "dark": {
          "text": "#F0C468",
          "subtle": "#2E2716"
        }
      },
      "danger": {
        "light": {
          "text": "#B0261D",
          "subtle": "#FBE7E4"
        },
        "dark": {
          "text": "#FF9C90",
          "subtle": "#3A1E1B"
        }
      },
      "info": {
        "light": {
          "text": "#245C8F",
          "subtle": "#E2ECF5"
        },
        "dark": {
          "text": "#8DBDEB",
          "subtle": "#18273A"
        }
      }
    }
  },
  "type": {
    "family": "Patepang Sans",
    "version": "0.5",
    "weights": {
      "Light": 300,
      "Regular": 400,
      "Medium": 500,
      "SemiBold": 600,
      "Bold": 700,
      "ExtraBold": 800
    },
    "scale": {
      "display": {
        "fontSize": 36,
        "lineHeight": 44,
        "fontWeight": "Bold",
        "letterSpacing": -0.72
      },
      "titleLarge": {
        "fontSize": 28,
        "lineHeight": 36,
        "fontWeight": "Bold",
        "letterSpacing": -0.42
      },
      "title": {
        "fontSize": 22,
        "lineHeight": 28,
        "fontWeight": "SemiBold",
        "letterSpacing": -0.22
      },
      "headline": {
        "fontSize": 18,
        "lineHeight": 24,
        "fontWeight": "SemiBold",
        "letterSpacing": -0.09
      },
      "bodyLarge": {
        "fontSize": 18,
        "lineHeight": 28,
        "fontWeight": "Regular",
        "letterSpacing": 0
      },
      "body": {
        "fontSize": 16,
        "lineHeight": 24,
        "fontWeight": "Regular",
        "letterSpacing": 0
      },
      "bodyStrong": {
        "fontSize": 16,
        "lineHeight": 24,
        "fontWeight": "SemiBold",
        "letterSpacing": 0
      },
      "bodySmall": {
        "fontSize": 14,
        "lineHeight": 20,
        "fontWeight": "Regular",
        "letterSpacing": 0
      },
      "label": {
        "fontSize": 16,
        "lineHeight": 20,
        "fontWeight": "SemiBold",
        "letterSpacing": 0
      },
      "labelSmall": {
        "fontSize": 14,
        "lineHeight": 20,
        "fontWeight": "SemiBold",
        "letterSpacing": 0.07
      },
      "caption": {
        "fontSize": 12,
        "lineHeight": 16,
        "fontWeight": "Medium",
        "letterSpacing": 0.12
      }
    }
  },
  "layout": {
    "app": {
      "space": [
        0,
        4,
        8,
        12,
        16,
        20,
        24,
        32,
        40,
        48,
        64
      ],
      "radius": {
        "xs": 4,
        "sm": 8,
        "md": 12,
        "lg": 16,
        "xl": 20,
        "xxl": 28,
        "full": 9999
      },
      "breakpoint": {
        "medium": 600,
        "sidebar": 840,
        "expanded": 1024
      },
      "gutter": {
        "compact": 20,
        "medium": 32,
        "expanded": 40
      },
      "contentWidth": {
        "reading": 680,
        "page": 680,
        "sidebar": 288,
        "pane": 320,
        "message": 360
      },
      "touchTarget": 48,
      "controlHeight": {
        "sm": 36,
        "md": 48,
        "lg": 56
      },
      "iconSize": {
        "xs": 16,
        "sm": 20,
        "md": 24,
        "lg": 32,
        "xl": 48
      },
      "focusRing": {
        "width": 2,
        "offset": 2
      }
    },
    "site": {
      "space": [
        4,
        8,
        12,
        16,
        24,
        32,
        48,
        64,
        96,
        128
      ],
      "radius": {
        "highlight": 4,
        "control": 8,
        "field": 12,
        "panel": 24,
        "pill": 999
      },
      "gutter": {
        "phone": 16,
        "from600": 24
      },
      "wrap": 1200,
      "readingColumn": 660,
      "touchTarget": {
        "least": 44,
        "main": 48
      },
      "focusRing": {
        "width": 2,
        "offset": 3
      }
    }
  },
  "motion": {
    "easing": {
      "out": [
        0.23,
        1,
        0.32,
        1
      ],
      "inOut": [
        0.77,
        0,
        0.175,
        1
      ],
      "sheet": [
        0.32,
        0.72,
        0,
        1
      ]
    },
    "duration": {
      "press": 120,
      "selection": 160,
      "enter": 220,
      "exit": 180,
      "move": 240,
      "overlayEnter": 300,
      "overlayExit": 240,
      "reducedFade": 120
    },
    "distance": {
      "enterRise": 8,
      "pressScale": 0.97,
      "iconPressScale": 0.92,
      "overlayScale": 0.96
    },
    "stagger": {
      "step": 40,
      "maxItems": 6
    },
    "pulse": {
      "halfCycle": 900,
      "maxCycles": 8
    }
  }
}