1. Global.js

• 영문 폰트 : Montoserrat
• 한글 폰트 : Nanum gothic
• box-sizing : border-box

// Global.js

import { createGlobalStyle } from 'styled-components';
import reset from 'styled-reset';

const GlobalStyle = createGlobalStyle`
  ${reset}
  * {
    font-family: 'Nanum Gothic', 'Montoserrat', sans-serif;
    box-sizing: border-box;
  }
`;

export default GlobalStyle;

2. theme.js

• 폰트 크기
  • fontSize0 : 추가 설명영역 작은 폰트 사이즈
  • fontSize1 : 폰트 기본 사이즈
  • fontSize2 : 강조 폰트 사이즈 (ex. 가격)
  • fontSize4 : 영역 제목 (페이지 전체를 설명하는 등)

// theme.js

const theme = {
	fontSize0: '11px',
  fontSize1: '14px',
  fontSize2: '15px',
  fontSize3: '16px',
  fontSize4: '18px',
  fontSize5: '20px',

  black: '#222222',
  grey: '#22222280',
  ligtGrey: '#ebebeb',
  darkGrey: '#222222CC',
  red: '#EF6253',
  green: '#41B979',
  blue: '#297DCB',

  btnRadius: '12px',
};

export default theme;

3. 공통 이미지

• 로고 이미지

• /public/images/logo.png

  

• 캐릭터 이미지

• /public/images/logo_character.png

  

• 파비콘 이미지

• /public/images/favicon.png