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".

Email

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. 1.A shared link to your app shows the wrong title in KakaoTalk. Where do you fix it?

  2. 2.Why does changing one color on the Design System page update every page?

  3. 3.What does picking a Blueprint change?

  4. 4.You upload a logo as a WebP file. What does your app reference?