Variable TYPOGRAPHYConst

Type Declaration

• Readonlybody: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "14px";
      fontWeight: 400;
      lineHeight: 1.5;
  }

  Body - Regular content (14px)

• ReadonlybodySmall: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "12px";
      fontWeight: 400;
      lineHeight: 1.5;
  }

  Body Small - Secondary content (12px)

• Readonlybutton: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "14px";
      fontWeight: 600;
      lineHeight: 1.4;
  }

  Button - Button text (14px, semibold)

• Readonlycaption: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "10px";
      fontWeight: 400;
      lineHeight: 1.4;
  }

  Caption - Labels and hints (10px)

• Readonlyheading1: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "24px";
      fontWeight: 700;
      lineHeight: 1.2;
  }

  Heading 1 - Main titles (24px)

• Readonlyheading2: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "20px";
      fontWeight: 600;
      lineHeight: 1.3;
  }

  Heading 2 - Section titles (20px)

• Readonlyheading3: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "16px";
      fontWeight: 600;
      lineHeight: 1.4;
  }

  Heading 3 - Subsection titles (16px)

• Readonlymicro: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "9px";
      fontWeight: 400;
      lineHeight: 1.4;
  }

  Micro - Very small text (9px) - for dense information

• Readonlynano: {
      fontFamily: "\"Noto Sans KR\", \"Malgun Gothic\", Arial, sans-serif";
      fontSize: "8px";
      fontWeight: 400;
      lineHeight: 1.3;
  }

  Nano - Smallest text (8px) - for status indicators