UI Style Guide

Text

Regular 400 셀럽페이 가이드 파일    1234567890 abcdefghkjsp
Medium 500 셀럽페이 가이드 파일    1234567890 abcdefghkjsp
Bold 700 셀럽페이 가이드 파일    1234567890 abcdefghkjsp

페이지 내 최상단 타이틀 : 50px - bold

Colors Palette

Main / Hover

#4e7df6 #3a5fbc
#f64e60 #ce404f

MFont

#999
#666
#333
#000

Button

버튼

<button>

<a>

동의하고 가입하기

버튼

<button>

<a>

확인 수정 인증하기 상담신청

블럭(Block)버튼

<button>

<a>

로그인 로그인

아이콘 포함 버튼

SGO43657966

블럭(Block)버튼

테이블 및 팝업 내 기능버튼은 블럭처리하여 가로비율에 맞춰 유동적으로 가로 길이가 늘어나는 형태로 진행.

A 링크

순서변경버튼

위로 아래로 맨위로 맨아래로

UI Style Guide

Text

Colors Palette

Main / Hover

MFont

Button

버튼

<button>

<a>

버튼

<button>

<a>

블럭(Block)버튼

<button>

<a>

아이콘 포함 버튼

블럭(Block)버튼

A 링크

순서변경버튼

Form

Input

Select

Check·Radio box

Calander

Phone

Paging