03·Concept·7 min
Make it yours
Branding is one section with five pages. Each owns a different part of how your app looks.
Social Display
The project name, description, and Open Graph image (1200 by 630). These show in browser tabs, search results, and link previews on KakaoTalk, Slack, and social networks. Skip the image and one is generated from a screenshot of your homepage.
Logos
Four slots: a primary logo, a square app icon, a favicon, and an Apple touch icon. Pick a file per slot, preview, then save all at once. Any common format works; each is converted and placed where it belongs, from the header to the browser tab to the home-screen icon.
Design System
Colors for light and dark mode, fonts, corner rounding, and the overall feel you chose at creation. Pages reference colors by role (primary, accent, background), so changing the theme changes the whole app on save. The plan you wrote at /new lives here too.
Blueprint
Fundamentally different visual directions for the same app. Pick one and it becomes the agreed reference every later build follows. Refine by chatting: "warmer", "more compact".
Receipts and subscription notices carry your sender name, logo, and brand color. This needs the email branding plan feature; without it, emails still send with the project name and a clean default.
Where DontCode fits
Every brand setting is stored once and applied everywhere. There is no code to edit; a change on any of these pages is applied on save, with no build request needed.
Go deeper
Check your understanding
1.A shared link to your app shows the wrong title in KakaoTalk. Where do you fix it?
2.Why does changing one color on the Design System page update every page?
3.What does picking a Blueprint change?
4.You upload a logo as a WebP file. What does your app reference?