📖
Pagedeck Docs
  • 👋Welcome To Pagedeck
  • Getting Started
    • 👤Teams
    • 💡Managing Brands
    • ⚙️Brand Settings
    • 🎨Adding Brand Colors & Styles
    • ✍️Adding Custom Fonts
    • 📊Adding Tracking & Analytics
    • 🖥️Connecting a Subdomain
    • ✨Creating A New Page
    • 🛍️Connecting Shopify Products
      • The Buy Box
      • The Subscription Buy Box
      • The BOGO Buy Box
      • The Tiered Discount Buy Box
      • Product Combinations (Beta)
    • 📈A/B Testing on Pagedeck
  • 🛠️The Page Editor
    • Using The Editor
Powered by GitBook
On this page
  • Setting Default Brand Colors
  • Editing Brand Colors For Individual Sections
  1. Getting Started

Adding Brand Colors & Styles

PreviousBrand SettingsNextAdding Custom Fonts

Last updated 3 months ago

Setting Default Brand Colors

Start by navigating to the Edit Brand Theme section in your dashboard, then customize your primary, accent, and background colors in the Brand Colors section to align with your brand identity.

Remember, any changes you make in your theme will impact all of your landing pages. This ensures all your landing pages adhere to a cohesive design system.

Understanding the Role of Each Color

• Primary Color: This serves as the core hue of your brand, appearing prominently across the platform.

• Accent Color: Used for standout elements like star reviews, accentuating social proof on your pages.

• Dark and Light Colors: Essential for background versatility, these options allow you to toggle between dark and light themes for individual sections in the editor.

Once your selections are finalized, don’t forget to click Publish Theme. This action ensures your changes are applied platform-wide. Additionally, you can fine-tune other elements, such as the size and appearance of call-to-action buttons, for a fully customized look.

Editing Brand Colors For Individual Sections

While the Brand Theme applies to your entire site, Pagedeck also allows you to tweak colors at the section level for added flexibility. Using the editor, you can customize individual elements.

  1. Open your landing page and launch the editor.

  2. Select the section you want to modify by clicking on it in the left-hand panel.

  3. Access Section Settings from the tab on the right-hand side.

  4. Adjust colors directly by choosing from preset Brand Theme options or entering custom HEX or RGB codes.

Effortless Adjustments and Revisions

Made a change you’re not happy with? No problem. Pagedeck makes it easy to revert to your original settings. Use the lightning icon to restore default colors or click the undo button in the editor’s top-right corner for quick fixes.

🎨