出版品與教師資源管理系統

UI STYLE GUIDE SETS

TYPOGRAPHY

  • H1

    HEADING1 - 32 32px / Bold / H1

  • H2

    HEADING2 - 28/ 28px / Bold / H2

  • H3

    HEADING3 - 24 24px / Bold / H3

  • CH1

    CUPS HEADING1 - 20 20px / Bold / H1

  • CH2

    CUPS HEADING2 - 16 16px / Bold / CH2

  • CH3

    CUPS HEADING3 - 12 12px / Bold / CH3

  • P1

    TEXT1 - 16 16px / Normal / P1

  • P2

    TEXT2 - 14 14px / Normal / P2

  • P3

    TEXT3 - 12 12px / Normal / P3

  • P4

    TEXT4 - 10 10px / Normal / P4

COLOR PICKER (LIGHT MODE)

  • PFC #2A72B6

  • PSC #2A72B6

  • PTC #2A72B6

  • ALC / ALCH #E14D4D / #FE6161

  • HLC / HLCH #1BB240 / #1CD84A

  • BGL #FAFAFA (G80)

  • BGD #2D3239

  • G00 #FFFFFF

  • G80 #FAFAFA

  • G100 #F1F1F1

  • G200 #F1F1F1

  • G300 #CACACA

  • G400 #BABABA

  • G500 #6F6F6F

  • G700 #4E4E4E

  • G900 #383838

BASIC UI SETS

Text Input Sets

Default

Hover

Active / Foucs

Disabled

Error

title
title
title
title
title

Select Input Sets

title

opctin vaule

  • opction 1
  • opction 2
  • opction 3
  • opction 4

BUTTON TYPE SETS

Defaulr

Hover

Active

Dissabled

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Large

Medium

Small

Icon-Left

Icon-Right