육아상식 STYLE GUIDE
Design Style Guide 0 Navigation 메뉴검색알람슈퍼맘맘스맘쇼핑맘이벤트 Icon 출석체크내프로필내포인트참여한이벤트 : 문의로그아웃 뒤로가기공유하기더보기글쓰기유튜브좋아요 _on 좋아요 _off 알리기공지사항 FAQ 설정 댓글공유하기이동하기뒤로가기닫기내프로필사진수정 카테고리프로필 _ 포인트내포인트자녀 Q A N 사진삭제검색삭제탑 프로필 _ 디폴트 댓글프로필 _ 좋아요 _on/off 체크라디오상세 _ 좋아요펼치기 / 접기 알림 _ 이벤트알림 _ 맘스맘알림 _ 쇼핑맘알림 _ 공지사항알림 _ 슈퍼맘 이메일별명한줄소개생일자녀
Design Style Guide 0 Font Type Color < 한글폰트사이즈 > < 영문폰트사이즈 > < 주컬러 / 버튼 / 폰트 > px 00px 0px 0px #f0 # px px 0px < Background > px px #eeeeee #ffffff px 0px < 아이콘 / 포인트컬러 > px # #0cbe #fae < 폰트컬러 > # # # #dedede #ffffff #eacc #cf #cae
Design Style Guide 0 Buttons on/over 해당 bg 컬러가들어간모든버튼은 OVER 색상을같이씁니다. < 인트로버튼 > bg color : #f00 > #e < 버튼 st0> < 버튼 st0> < 버튼 st0> bg color : #fff > #ededed bg color : # > # bg color : #fff > #ececec < 버튼 st0> < 버튼 st0> < 버튼 st0> bg color : # > #f bg color : #fff > #f0 < 버튼 st0> < 버튼 st0> bg color : #fff > #ececec bg color : #bbb > #fffff
Design Style Guide 0 Forms Drop Down < 공유하기 > < 나의글 > < 타인글 > < 공개여부 >
Design Style Guide Card type 0 < 기본컨텐츠 _ 사진 + 글 > < 기본컨텐츠 _ 유튜브 > < 기본컨텐츠 _ 글 > < 북마크함 >
Design Style Guide 0 Design Style Guide Layout - 인트로 0 IMG 인트로이미지 Bg color : #f00 Font : px / #fff / bold / center Boder : px / #dcdd I0px 0 px 0px 0px 0px 0px
Design Style Guide 0 Design Style Guide Layout - 회원가입 0 px px * px px 0* 0px 0px 0px 0px Title : 본고딕 / 0px / # line : px / #f Button : px / #fff background color : # 0px Button : px / # boder : px # Font : px / # Boder : px #eee px px px 0 0*0 0px 0px * 0px 0px 0px
Design Style Guide 0 Design Style Guide Layout 이메일로로그인 0 Font : px / # 0px px 0px 0px 00* px px px 0 0px
Design Style Guide 0 Design Style Guide Layout 비밀번호찾기 0 0px 0px Font : px / # Button : px / # Boder : px / # 0px 0px * px px px 0
Design Style Guide 0 Design Style Guide Layout 메인 0 * * 0px * px 0* *0 px px 0* 댓글 : px / #bf 숫자 : px/ #ffffff Font : px / # / #fff background color : #fff / #f0 Boder : px #ddd Font : px / # * * 0px 0px px 0* px px 0* px 0 px px px px * *0 0px 0px 0px *
Design Style Guide Design Style Guide Layout 카테고리배너 0 0*0 0 0*
Design Style Guide Design Style Guide Layout 카드 type 0 * px px 0px px 0px 0px px 0px * * * 프로필명 : px / # 카테고리 : px / # 날짜 : px / # Txt : px / # Line : px / #ddd 딤드 : *0 / 0% Font : px / #fff Font : px / # 0 px 0px px px 0px 0*0 0px px px #eee W : px * 0px px * * px #eee px #dedede px #eee
Design Style Guide Design Style Guide Layout 카드 type 0 Txt : px / # Txt : px / # * 본문에링크를삽입했을경우링크텍스트컬러변경 : #cae 0 px px #eee
Design Style Guide Design Style Guide Layout 카드 type 0 * px 00*00 0*0 Txt : px / # Font : px 북마크엔프로필명만노출 Font : px / # Font : px / # px px 0 * * *
Design Style Guide Design Style Guide Layout 카드 type 0 < 쇼핑판매종료 _ 앵콜전 > < 쇼핑판매종료 _ 앵콜후 > 영역표시 사이즈표시 코멘트 쇼핑카드는해당쇼핑제목만노출함. 딤드 : 0% Bold : px / # fff Font : 0px / #fff 0px / #fff Font : px / # / #f0 Bold : px / # px Font : px / #fff / #f0 Background color : # px px px * 0px 0px 0
Design Style Guide Design Style Guide Layout 카드 type 0 < 이벤트참여전 > < 이벤트참여후 > Font : px / #f0 Bold : px / #f0 Font : px / #fff Background color : #f0 0
Design Style Guide Design Style Guide Layout 팝업미리보기 0 딤드 : #000 / 0% 0*0 0px * 0 0px px px px
Design Style Guide Design Style Guide Layout 글쓰기 0 px 0* * 0px 0px 0px px Font : px / # Font : px / #bebebe Font : px / # 0px 0px 0 px #dedede px #dedede h : px * * Bground color : #fff px
Design Style Guide Layout 사진첨부 * px 0*0 0* px / #f 영역표시 사이즈표시 코멘트 0px 0 0px
Design Style Guide Layout 사진첨부후 Font : px / #bebebe 00px * * 테두리값제외 Font : 0px / # # 0 0px 0px 0px px / #eeeeee 0px 0px
Design Style Guide 0 Layout 유튜브첨부후 Font : px / # 00px * 테두리값제외 0 px / #eeeeee 0px 0px
Design Style Guide Layout 상세페이지 view_ * px px 0px * *0 Font : px / # 0 0px
Design Style Guide Layout 상세페이지 view_ Font : px / # # Font : px / # 아이디 : px / # 댓글 : px / # 날짜 : 0px / # 포인트 : 0px / #f00 Font : px / #bebebe px #dedede * px #dedede 0px px 0px px px px px 0px px px #dedede H : px 0px px px 00px 0px px 0 * 0px * 0*0 px #dedede 0px px 0px px 0px * 0*0
Design Style Guide Layout 상세페이지 view_ Font : px / # px px 0 역영안에중앙정렬
Design Style Guide Layout 상세페이지 view_ 0px 0px * 0
Design Style Guide Layout 드롭다운 W : 0( 라인포함 ) px 0px 0px px #eee * px Font : px / # Font : px / # Background color : #fff * 0px px px #eee 0
Design Style Guide Layout 좋아요 / 공유 px #eee 0px px * px px Font : px / # Font : px / # # 0
Design Style Guide Layout 햄버거메뉴 *0 px 0px 0*0 px Font : px / #fff / bold px / #fff 0px px px Font : px / # Background color : #ffdd Font : px / # 0*0 Font : px / # 0px 0*0 px px Font : px / # / #f0 px #eeeeee 0 0px *0 px *0 0px px px px 0px 0* * *
Design Style Guide Layout 검색 px px Font : px / #bebebe 0px 0px 0px 0px 0px 0* Font : px / # Font : px / # Font : px / # Font : px / # px / #dedede 0px px / #eeeeee px 0px px * 0 px
Design Style Guide Layout 검색결과 0px 본문 : px / # 아이디 : px / bold / # 날짜 : px / # 0*0 px 0px 0px 0px px 0px px 0
Design Style Guide 0 Layout 알림 * 00*00 0px 0px 0px px 0px 0px 0px 아이디 : px / bold / # 본문 : px / # 날짜 : px / # * 0px * 0
Design Style Guide Layout 알림설정 0px 0px 0px f Font : x / # 0
Design Style Guide Layout 출석체크 f Font : 00px / # px 0px Font : 0px / # Font : px / # *0 x 0 x px 0px 0x 0px
Design Style Guide Layout 출석체크후 f px 0
Design Style Guide Layout 내프로필 * * f Font : 0px / #fff px / #fff px px 0px Font : px / # px / # Font : px / # * 0px 0px 0px 0px px 0px px px * 0
Design Style Guide Layout 친구목록 f px 0*0 0 0px
Design Style Guide Layout 친구목록 _ 팝업 f Font : px / # Font : px / # 0px 0px px px 0 px #f0 px #eeeeee px px
Design Style Guide Layout 내포인트 _ 포인트쌓기 f px 0px * px #efbfbd Font : px / # Font : 0px / # / bold Font : px / #ddff px 0px px *0 px 0
Design Style Guide Layout 내포인트 _ 포인트쓰기 f 상품명 : px / # 상품설명 : px / # 가격 : px / #cf 날짜 : px / # 0*0 px px px px 0px 0
Design Style Guide Layout 내포인트 _ 적립 / 사용내역 f 날짜 : px / # 상품명 : px / # 가격 : px / #dc / #dc 0px 0px 0px 0px px #eeeeee 0
Design Style Guide 0 Layout 참여한이벤트 f 0*0 px px px px px 0px px px * px px 0px px px #eeeeee 0
Design Style Guide Layout : 문의하기 f 0px px 00px 0px px px #eeeeee 0 px * px * 0px px
Design Style Guide Layout : 문의내역 f 0px px 0px 0px px px px px #eeeeee 0 0*0
Design Style Guide Layout 공지사항 px * f Font : px px / # px 0
Design Style Guide Layout 회원탈퇴 0px 0px px px f Font : px px / # 0