menu
로그인

Design Page

기본 디자인
레이아웃
팝업 & 얼럿
입력폼 & 버튼
차트 & 그래프

Zoom 스크립트

    function resizeApply() { 
      var minWidth = 640; 
      var body = document.getElementsByTagName('body')[0]; 
      if (window.innerWidth < minWidth) { 
        body.style.zoom = (window.innerWidth / minWidth); 
      }
      else {
        body.style.zoom = 1; 
      }
    } 
    window.onload = function() { 
      window.addEventListener('resize', function() { 
        resizeApply();
      }); 
    }
    resizeApply();

폰트 설정 *default size : 16px (=1em)

20 pixel 율률을를 1234567890

18 pixel 율률을를 1234567890

16 pixel 율률을를 1234567890

14 pixel 율률을를 1234567890

12 pixel 율률을를 1234567890

10 pixel 율률을를 1234567890

fw-700 Font 율률을를 1234567890

fw-600 Font 율률을를 1234567890

fw-500 Font 율률을를 1234567890

fw-400 Font 율률을를 1234567890

타이틀/헤드

타이틀 style 01

타이틀 style 02

타이틀 style 03

타이틀 style 04

타이틀 style 05

타이틀 style 06

타이틀 style 07

타이틀 style 08

색상

백그라운드 컬러

a-bg-grey1

a-bg-grey2

a-bg-grey3

a-bg-green1

a-bg-purple

텍스트 컬러

a-grey1

a-grey2

a-grey3

a-dblue

a-dred

a-yellow1

a-purple1

그리드

col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-2
col-2
col-2
col-2
col-2
col-2
col
col-5
col
col-3
col-3
col-3
col-3
col-3
col-4
col-4
col-4
col-6
col-6
col-12

테이블

None style

FIELD FIELD FIELD FIELD
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

Basic style

FIELD FIELD FIELD FIELD
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

Strip style

FIELD FIELD FIELD FIELD
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

Border style

FIELD FIELD FIELD FIELD
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

Sandy style - none thead

TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

Sky style - none thead

TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

Table - graph-table

1 2 3 4
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

리스트 스타일

List - Dot (list-st1)

  • 리스트
  • 리스트
  • 리스트

List - Special (list-st2)

  • 리스트
  • 리스트
  • 리스트

List - Dash (list-st3)

  • 리스트
  • 리스트
  • 리스트

아이콘

카렛콘

기본
Down
Left
Right
Color-녹
Color-적

폰트아이콘

폰트어썸 구글폰트 용도/명칭
sports_soccer 축구 아이콘
sports_baseball 야구 아이콘
sports_basketball 농구 아이콘
sports_volleyball 배구 아이콘
cached 새로고침1
refresh 새로고침2
menu 메뉴버튼
tune 토토 투표수조정 등
format_list_bulleted 리스트
settings 설정 버튼
track_changes GNB - 프로토
emoji_events GNB - 픽스터리그 등
leaderboard GNB - 데이터센터
fact_check mp - 내 게임내역1
rule mp - 내 게임내역2
analytics mp - 내 통계
note_alt mp - 내 메모
add_chart mp - 마이리그
supervisor_account mp - 팔로우
add_shopping_cart mp - 구매내역
notifications mp - 알림함 등
local_atm mp - 수익정산
manage_accounts mp - 내 설정
help_outline 인포 아이콘1
info 인포 아이콘2
sort_by_alpha 정렬 버튼
search 검색
person_add_alt 회원팔로우
logout 로그아웃
folder_open 저장내역 로드
thumb_up 좋아요 등
textsms 댓글
star_border 마이리그 등
check_box 전체선택 버튼
mark_email_read 알림 읽음
delete_forever 삭제 버튼
save 저장 버튼
calendar_month
schedule
grid_view
account_circle
badge
remove_circle
chevron_right
arrow_right

뱃지

999
적중
미적중
무료픽
1,000
PROTO
SPORTS
인증

픽스터리그 - Tier Table

티어 아이콘 티어 명칭 LP하락 강등 등급 구간
아이언 X X 0 99
브론즈 X X 100 199
실버 X X 200 299
골드 ○ ○ 300 399
플래티넘 ○ ○ 400 499
다이아몬드 ○ ○ 500 599
마스터 ○ ○ 600 -
Tier-Z ○ ○ 마스터+상위5%