Skip to main content

Create Beautiful Landing Pages with Portals

Design a polished, branded experience using Kits, headings, notes, and banners.

Edward Boatman avatar
Written by Edward Boatman
Updated today

Your Portal is a fully customizable landing page where you control exactly what visitors see and in what order. Beyond just displaying Kits, you can add headings to organize sections, notes to provide context, and banners to highlight important information—all arranged to create a polished, branded experience.

Customize the header

The header or Hero section of your Portal can make a big first impression. Customize it to match your brand and set the tone for visitors.

  1. Open your Portal

  2. Click Configure in the top right

Build your Portal with content blocks

Portals use four types of content blocks that you can mix and arrange however you want:

Kits - The main containers for your assets and documentation Headings - Section dividers that break up your Portal into clear areas Notes - Text blocks for descriptions, instructions, or announcements Banners - Eye-catching callouts for important messages or updates

All of these blocks work together to create a complete landing page experience.

Add and arrange content

  1. Open your Portal

  2. Use the insert panel to drag in Kits, headings, notes, or banners

  3. Drag blocks up or down to reorder them

  4. Save your changes

The layout you create is exactly what visitors will see.

Design a clear structure

Think of your Portal as a story you're telling. Use different content blocks to guide visitors through your content naturally.

Start with context Open with a note or banner that explains what visitors will find:

  • "Welcome to the Acme Brand Portal—everything you need to represent our brand"

  • "Q2 2024 Product Launch Materials—Updated Jan 15"

Organize with headings Break your Portal into clear sections:

  • "Brand Essentials"

  • "Marketing Templates"

  • "Product Resources"

Group related Kits Place Kits under relevant headings so visitors know exactly where to look. For example:

Heading: Brand Essentials

  • Kit: Logo Files

  • Kit: Brand Guidelines

  • Kit: Color & Typography

Heading: Marketing Materials

  • Kit: Social Media Templates

  • Kit: Email Signatures

  • Kit: Presentation Decks

Highlight with banners Use banners to draw attention to time-sensitive or critical information:

  • "New brand guidelines launched—download the updated logo package"

  • "For print projects, please review the print specifications Kit first"

Three layout strategies

Priority-based layout Lead with your most-used content at the top, regardless of category. Great for focused, frequently accessed Portals.

Workflow-based layout Arrange content in the order people typically need it. Perfect for onboarding or step-by-step processes:

  1. Note: "Start here—read our brand story"

  2. Kit: Brand Guidelines

  3. Heading: "Core Assets"

  4. Kit: Logos

  5. Kit: Colors & Fonts

  6. Heading: "Apply the Brand"

  7. Kit: Templates

Category-based layout Group similar content under clear headings. Best for comprehensive resource hubs:

  • Heading: "Visual Identity"

    • Kit: Logos

    • Kit: Photography

    • Kit: Illustrations

  • Heading: "Documents"

    • Kit: Brand Guidelines

    • Kit: Messaging Guide

Make each Kit inviting

Every Kit is a doorway into content. Make those doorways clear and appealing:

  • Use descriptive names - "Social Media Templates" beats "Templates"

  • Add compelling covers - Choose images that preview what's inside

  • Keep names consistent - Match your style across all Kits (formal or casual, not mixed)

Find the right balance

A well-designed Portal balances completeness with focus:

3-5 content blocks - Perfect for simple, focused Portals 6-12 content blocks - Ideal for comprehensive brand resource centers 12+ content blocks - Consider whether you need multiple Portals for different audiences

If your Portal feels crowded, ask whether you're serving one audience or several. You might benefit from separate Portals for internal teams vs. external partners, or different product lines.

Examples that work

New partner onboarding:

  • Banner: "Welcome to the Acme Partner Portal"

  • Note: "Everything you need to promote Acme products"

  • Heading: "Start Here"

  • Kit: Partner Guidelines

  • Heading: "Marketing Assets"

  • Kit: Product Images

  • Kit: Marketing Templates

Product launch:

  • Banner: "Product X launches March 15—all assets finalized"

  • Note: "Updated daily as new materials are approved"

  • Kit: Launch Messaging

  • Kit: Product Photography

  • Kit: Social Media Assets

  • Kit: Press Materials

Brand resource center:

  • Note: "The complete Acme brand system"

  • Heading: "Brand Foundation"

  • Kit: Brand Guidelines

  • Kit: Brand Story

  • Heading: "Visual Assets"

  • Kit: Logos

  • Kit: Photography

  • Heading: "Templates & Tools"

  • Kit: Social Templates

  • Kit: Presentation Templates

Learn more

Did this answer your question?