Settings → Appearance

Canonical page for brand density, theme presets, and the NotionApps label.

What this is / when to use it

Appearance controls how the published app looks: colors, icon, theme preset, and whether the NotionApps label is visible.

App icon / colour / URL also have a Screens page. Use that for the URL slug and icon files; use this pane for theme preset and white-label.

Before you start

You know whether the plan allows Remove NotionApps label (white-label).

Build it

Open Settings → Appearance.
Set primary color and icon if they are here (or use App Icon, Colour, URL).
Set Theme preset:
- compact — tighter rows, denser ops (padding 8/10, title 16, row min 48).
- comfortable — default (12/14, title 18, row min 56).
- showcase — airier type, fewer chrome lines (14/16, title 22, row min 64, chrome border 0).
Turn Remove NotionApps label on if the plan allows it.
Preview desktop and mobile. Publish.

Every control

Control	Options	What it does
Theme preset	`compact` / `comfortable` / `showcase`	Density tokens on `[data-notionapps-end-user-root]`.
Remove NotionApps label	On / off	White-label. Plan-gated.
Color / icon	Brand	Visual identity.
Custom CSS / font	How-tos	Account-level polish. Custom CSS and font setup are covered in the linked how-to guides.
Large device view	`DESKTOP` / `MOBILE`	See Desktop view.

What users see

Spacing, type size, and whether a NotionApps badge appears in the chrome. PWA “Add to Home Screen” still uses the icon you set. See Add To Home Screen.

Limits and plans

White-label is a paid/entitlement switch. Theme presets are available on current builder apps; comfortable is the default if an old app has no preset.

Example

A warehouse app uses compact. A marketing catalogue uses showcase plus Remove NotionApps label on a plan that includes it.

Fix problems

Label still visible: plan does not include white-label, or you did not publish.

Desktop view. Publish & share. Custom CSS / font how-tos.