/learning-platform-frontend

Primary LanguageJavaScript

Learning Platform Frontend

Design System

Figma

Color

  • Primary
    • main: #689f38
    • light: #99d066
    • dark: #387002
    • text: #000000
  • Secondary
    • main: #fff59d
    • light: #ffffcf
    • dark: #cbc26d
    • text: #000000

Typography

Type scale

參考 Google 的 Material Design

Fonts

  • 中文
    • Noto Sans TC
  • 英文
    • Roboto

font-family: Noto Sans TC, Roboto, arial, sans-serif

Layout

Breakpoints

參考 Breakpoints · Bootstrap v5.0

Breakpoint Class infix Dimensions
X-Small None <576px
Small sm ≥576px
Medium md ≥768px
Large lg ≥992px
Extra large xl ≥1200px
Extra extra large xxl ≥1400px