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