Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Create a unique and engaging experience for your subscribers by customizing your app's colors, fonts, and overall branding. This helps your app stand out and reflect your personal style.
Navigate: App Station > App Settings > Branding & Design > Design
Quick Start
Click on App Station in the main menu.
Select App Settings.
Click on Branding & Design and then Design.
Choose your accent color and optional background tint color.
Select your preferred typography and block density settings.
Customizing Colors
You can personalize your app's appearance by selecting an accent color and an optional background tint color.
Accent Color: This color will be used for buttons, links, and other interactive elements. Use the color picker to select your desired color.
Background Tint Color: If you choose to enable this, it will allow you to set a separate color for surface/background tinting, giving you more control over your app's look.
Theme Presets
You can also choose from five theme presets that control the overall intensity of your app's appearance:
Classic: Clean white/gray backgrounds with no color tinting.
Minimal: Very light tinting for a hint of color.
Subtle: Moderate tinted backgrounds for a balanced branding effect.
Bold: Strong tinted backgrounds for maximum brand visibility.
Solid: Full tint without dilution, available when a separate background tint is enabled.
Typography Settings
In the Typography section, you can select fonts for different text types using Google Fonts. You can customize:
Heading Font: Used for titles and headings.
Body Font: Used for general text and descriptions.
UI Font: Used for buttons, labels, and navigation.
Uploading Custom Fonts
If you have licensed fonts that you want to use, you can also upload your own fonts for the Heading and UI slots. For more details, refer to the article on Uploading Your Own Custom Fonts.
Font Selection
Use the Font Selector to browse and select fonts. You can filter by categories and see live previews of how the fonts will look in your app.
Keep in mind that some fonts may be filtered out for UI use if they only contain uppercase letters.
Block Density Settings
The Block Density setting controls the vertical gap between content blocks on your app pages. You can choose from the following presets:
Tight: 0.25rem gap, ideal for dense content.
Compact: 0.5rem gap, slightly tighter than the default.
Normal: 1rem gap, the standard look.
Comfortable: 1.5rem gap, easier for scanning.
Spacious: 2rem gap, maximum whitespace for a clean layout.
The default setting is Normal, and you can adjust it based on your content needs.
Conclusion
Customizing your app's theme is a great way to enhance your brand and improve the user experience for your subscribers. By selecting the right colors, fonts, and block density, you can create a visually appealing and cohesive app that reflects your unique style.