모눈상회 MONUN SUPPLY 문구 오피스 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 노트, 필기구, 사무용품을 파는 문구점입니다. 본문 전체를 모눈 위에 올리고 제목과 표, 카드 높이를 칸에 맞춰 노트 한 장 같은 화면을 만들었고, 할인 표시는 빨강 교정 자국처럼 손글씨로 그렸습니다. 아래로 신학기 많이 산 문구, 속지부터 고르기, 연필 이름 각인, 사무실 대량 구매 단가, 새로 들어온 것이 이어집니다. [주요 기능] 1. 모눈 바탕 - 본문 전체를 24px 모눈 위에 올리고 제목과 표, 카드 높이를 칸 배수로 맞췄습니다. 2. 빨강 교정 표시 - 정가에는 손으로 그은 빨강 취소선을, 할인율에는 손글씨 동그라미를 둘렀습니다. 3. 속지부터 고르기 - 모눈, 도트, 줄, 무지 탭을 누르면 종이 미리보기와 손글씨 메모, 해당 노트 목록이 바뀝니다. 4. 연필 이름 각인 - 이름을 넣으면 사진 위에 바로 새겨져 보이고 글씨 색 세 가지 가운데 고릅니다. 5. 사무실 대량 구매 단가 - 수량을 넣으면 구간 단가와 합계, 낱개로 살 때보다 아끼는 금액이 나오고 견적서 받기로 이어집니다. [디자인] - 파랑 잉크와 빨강 교정 두 색, 옅은 모눈 선으로 노트 한 장 같은 인상을 냈습니다. - 본문은 Pretendard, 빨강 손글씨 표시에만 Nanum Pen Script를 썼습니다. - 모든 요소의 높이를 모눈 칸에 맞춰 반듯하게 정렬했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조