FS Solution – The perfect fit AI vision technology for edge applications.

스타일 가이드

1. 주 사용색상

용도
컬러
Main color
#005798
Sub color1
#2B357F
Sub color2
#242158
Point color
#01ddba
Bg color1
#f1f7fc
Bg color2
#f2f2f2

2. 사용 폰트

  • Titllium Web
  • font-weight 참조
    • 기본(Regular)
    • 400
    • Semibold : 600
    • Bold

3. 폰트

tag(용도)
font-size
font-weight
line-height
color
bgcolor
Body(default)
17px
Regular
#808080
tag(용도)
Depth
font-size
font-weight
line-height
color
color:Hover
bgcolor
bgcolor:Hover
Main Menu
1Depth
21px
600
#7D7D7D
#01DDBA
2Depth
18px
#ffffff
#005798
#2B357F
tag(용도)
font-size
font-weight
line-height
letter-spacing
color
color
color
H1
50px
Regular
#2B357F
H2
40px
Bold
#ffffff
#005798
H3
25px
Semibold : 600
#3c3c3c
H4
22px
400
#005798
#808080
#01ddba
H4-1
22px
Semibold : 600
2
#01ddba
H5
19px
Regular
#808080
#ffffff

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H4-1 Heading

H5 Heading

Body

4. HTML 줄바꿈 태그

  • 기본 줄바꿈(모든 화면) : <br />
  • 모바일에서만 줄 바꿈 : <br class=”mobile-enter”/>
  • 태블릿에서만 줄 바꿈 : <br class=”tablet-enter”/>
  • 데스크탑에서만 줄 바꿈 : <br class=”desktop-enter”/>

5. 버튼 스타일

  • 버튼 사이즈 : 작음
  • font-family : Titillium Web
  • font-size : 21px
  • color : #01DDBA
  • 테두리 : 일반
    • 테두리두께 : 3px
    • 둥근모서리 : 100
    • 안쪽여백 : 4-20-7-20
  • Inquiry 버튼에 한함