Collections

Reusable collection layout patterns for directories, showcases, blogs, and documentation pages. Use these when building pages that display many items of the same type — each pattern is ready to reference by a designer or LLM.

Integration Directory

Use for: Filterable directory or marketplace pages (integrations, apps, partners). Centered heading + subtitle + search input, then a two-column layout with a sidebar category filter and a 3-column card grid. Cards: icon placeholder, bold title, muted description. Sidebar: vertical text links with active-state left border.

Supercharge your workflow with integrations

Connect to the tools your team already uses and love.

HubSpot

Sync leads and conversations with your HubSpot CRM automatically.

Salesforce

Access CRM data including leads, opportunities, contacts, and accounts.

Single sign-on

Enables SSO for all apps in your team using your identity provider.

Stripe

Manage billing data including invoices, payments, customers, and subscriptions.

Google Calendar

Schedule meetings and sync calendar events automatically.

Zapier

Connect to 5,000+ apps and automate workflows without code.

Use Case Showcase

Use for: Showcasing use cases, templates, or solutions with large image thumbnails. Left-aligned heading + subtitle, then a 3-column grid of image-top cards. Cards: large rounded image area (aspect-[4/3], light bg placeholder), bold title, and muted description below. No card borders — clean, minimal layout.

Blog / Resource Hub

Use for: Blog index, resource hub, or content library pages. Hero with heading, subtitle, email capture form, and inline testimonial. Horizontal category filter bar with pill buttons. Repeating scrollable category groups — each with a bold heading, subtitle, prev/next navigation arrows, and a 3-column post card row (image, title, author avatar + name + date). Groups separated by horizontal dividers.

Shaping the new playbook for outreach in {yyyy}

Get the latest insights, tips, tools and trends in AI outreach to help your business book more sales calls — start applying them today

Simon Leich ★★★★★ “I booked over 100 sales calls”

Browse by category

Documentation / Knowledge Base

Use for: Documentation sites, knowledge bases, help centres, or developer docs. Three-column layout — left sidebar with hierarchical nav tree (section headers, expandable items with icons), center content area (breadcrumb, page title, subtitle, body text, info callouts, sub-headings), and right sidebar with “On this page” TOC (active-state left border accent, indented sub-items). Top bar with logo, search input, and action links. Floating bottom search/chat bar in content area.

Acme Docs

Dashboard

Organize apps, manage teams, and more.

The Dashboard is where you can access and organize apps, manage teams, update account and billing information, and more.

When you first access your dashboard, you will see three sections in the main screen: At the top, your apps. In the middle, the Introduction course series. At the bottom, templates to get started building and customizing apps.

Some features of the dashboard are only available for team admins. If you want to edit a setting and do not have access, ask your team admin.

If you belong to multiple teams, you will have the ability to toggle between teams and rearrange the order your teams appear in the dashboard. You can also add new teams from the team menu.

Organizing Apps

By default, apps will be organized by newest first in the dashboard. You can choose to change this sorting to older first or alphabetical. You will also see options to filter by All, Published, and Drafts.

Ask a question about Acme...
⌘I