Netcity Web Design Workspace

웹디자인 스타일가이드

색상, 폰트, 간격, 강조 표현을 정리해 페이지마다 다른 분위기로 튀지 않게 관리합니다.

Board 레이아웃

WHITE BASE RESPONSIVE ASSET READY BOARD LOG

Menu8 Board0 RouteWD

01Landing
Frame

02Gallery
Board

03Style
System

04Mobile
Ready

05Content
Flow

06Publish
Log

스타일 토큰

작은 규칙을 먼저 정해두면 새 페이지를 만들 때 속도와 완성도가 같이 올라갑니다.

색상 주요 색, 보조 색, 경고 색, 배경 색을 분리하고 한 가지 색만 과하게 쓰지 않습니다.

타이포 히어로 제목, 섹션 제목, 카드 제목, 본문 크기를 역할별로 나눕니다.

간격 패딩, 섹션 간격, 버튼 높이, 카드 내부 여백을 비슷한 리듬으로 유지합니다.

웹디자인 페이지는 흰 배경에서 정보가 깨끗하게 읽히도록 기획, 구조, 시각화, 검수 순서로 확장합니다.

01 기획 페이지 목적과 첫 화면 신호를 먼저 정리합니다.

02 구조 섹션, 카드, 게시판 연결 흐름을 화면 단위로 나눕니다.

03 시각화 이미지, 아이콘, 여백, 색상 대비를 흰 배경에 맞춥니다.

04 검수 모바일, 링크, 이미지, 게시판 상태를 공개 전에 확인합니다.

반복해서 확인해야 할 설계 기준과 운영 메모입니다.

가독성 밝은 배경에서는 본문 대비를 높이고, 어두운 배경에서는 흐린 회색을 과하게 쓰지 않습니다.

장식 절제 장식보다 실제 콘텐츠와 화면 목적이 먼저 보이도록 디자인합니다.

레이아웃, CSS, 이미지, 메뉴 변경 기록을 게시판에 누적합니다. 현재 0개 기록이 준비되어 있습니다.

게시판 테이블은 준비 중입니다.