03·개념·7분
브랜드 입히기
브랜딩은 다섯 페이지로 된 하나의 섹션입니다. 각 페이지가 앱 모습의 다른 부분을 담당합니다.
Social Display
프로젝트 이름, 설명, Open Graph 이미지(1200 x 630)입니다. 브라우저 탭, 검색 결과, 카카오톡, Slack, 소셜 네트워크의 링크 미리보기에 표시됩니다. 이미지를 올리지 않으면 홈페이지 스크린샷으로 자동 생성됩니다.
Logos
네 개의 슬롯: 메인 로고, 정사각 앱 아이콘, 파비콘, Apple 터치 아이콘. 슬롯마다 파일을 고르고 미리 본 뒤 한 번에 저장합니다. 흔한 형식은 모두 되고, 변환되어 헤더부터 브라우저 탭, 홈 화면 아이콘까지 알맞은 자리에 들어갑니다.
Design System
라이트 모드와 다크 모드 색상, 폰트, 모서리 둥글기, 그리고 만들 때 고른 전체 분위기입니다. 페이지는 색상을 역할(primary, accent, background)로 참조하므로 테마를 바꾸면 저장과 함께 앱 전체가 바뀝니다. /new에서 쓴 기획도 여기에 있습니다.
Blueprint
같은 앱에 대한 근본적으로 다른 시각 방향들입니다. 하나를 고르면 이후 모든 빌드가 따르는 합의된 기준이 됩니다. 채팅으로 다듬으세요. "더 따뜻하게", "더 촘촘하게".
영수증과 구독 안내에 발신자 이름, 로고, 브랜드 색상이 실립니다. 이메일 브랜딩 플랜 기능이 필요하며, 없어도 프로젝트 이름과 깔끔한 기본 디자인으로 발송됩니다.
DontCode에서는
모든 브랜드 설정은 한 번 저장되어 모든 곳에 적용됩니다. 고칠 코드는 없고, 어느 페이지에서든 저장하면 빌드를 따로 요청하지 않아도 바로 적용됩니다.
더 알아보기
이해도 확인
1.앱 링크를 카카오톡에 공유했더니 제목이 잘못 나옵니다. 어디에서 고칠까요?
2.Design System 페이지에서 색상 하나를 바꾸면 왜 모든 페이지가 바뀔까요?
3.Blueprint를 고르면 무엇이 바뀔까요?
4.로고를 WebP 파일로 올렸습니다. 앱은 무엇을 참조할까요?