Configuring Typeface in Salesforce Marketing Cloud: A Complete Guide for Marketing Operations

Enterprise marketing operations teams frequently lose momentum when building customer journeys in Salesforce Marketing Cloud (SFMC). The traditional workflow requires switching back and forth between standalone generative AI tools, design editors, local downloads, and SFMC Content Builder. This fragmentation leads to version sprawl, manual asset tagging, and compliance risks.

Integrating Typeface natively into SFMC resolves this bottleneck. By registering Typeface as an Installed Package with a Custom Content Block and a Server-to-Server API integration, marketing teams can generate on-brand copy, product visuals, and localized creative variations directly inside Content Builder—saving assets straight into the SFMC asset portfolio without leaving the editor.

Architectural Overview: How Typeface Connects with SFMC

The Typeface integration connects directly with Salesforce Marketing Cloud through two components defined in an Installed Package:

1. Custom Content Block Widget: Built using the Salesforce Marketing Cloud Content Builder Block SDK, this UI component embeds the Typeface creative interface into the email and landing page canvas. It points to Typeface's production endpoint (https://sfdc-cb-prod.typeface.ai).
2. Server-to-Server API Integration: Authenticated via OAuth 2.0 Client Credentials, this background service grants Typeface programmatic Read/Write access to SFMC Assets (Documents & Images, Saved Content). When a marketer finalizes an asset in the embedded canvas, Typeface commits the image files and HTML snippets directly into the tenant's Content Builder library.

+-----------------------------------------------------------------------+
| Salesforce Marketing Cloud (Engagement)                              |
|                                                                       |
|  +-------------------+       Block SDK       +---------------------+  |
|  |  Content Builder  | <===================> |   Typeface Block    |  |
|  |  Email Canvas     |   (iFrame Messaging)  | (Custom UI Widget)  |  |
|  +-------------------+                       +----------+----------+  |
|           ^                                             |             |
|           | Asset Ingestion                             | Generation  |
|           v                                             v Request     |
|  +-------------------+     REST API (OAuth)  +---------------------+  |
|  | Content Builder   | <-------------------- | Typeface Platform   |  |
|  | Asset Repository  |   Assets Read/Write   | & Brand Graph Engine|  |
|  +-------------------+                       +---------------------+  |
+-----------------------------------------------------------------------+

Prerequisites and Operational Requirements

Before initiating configuration, verify that both systems meet enterprise provisioning criteria:

Step-by-Step Implementation Guide

Step 1: Create the Installed Package in SFMC

1. Log into Salesforce Marketing Cloud with administrative privileges.
2. Navigate to Setup (via your user profile avatar in the upper right corner).
3. In the left-hand navigation menu, expand Apps and select Installed Packages.
4. Click New in the upper right corner.
5. Provide a descriptive package name, such as Typeface Custom Content Block.
6. Add an operational description: Enterprise generative AI asset generation embedded inside Content Builder.
7. Click Save.

Step 2: Add and Configure the Custom Content Block Component

1. Under the newly created package details page, locate the Components table and click Add Component.
2. Select Custom Content Block from the component type options and click Next.
3. In the Name field, enter Typeface.
4. In the Endpoint URL field, enter:

   https://sfdc-cb-prod.typeface.ai
   

5. Click Save.

This registers the Typeface Block SDK application as an authorized editor plugin within Content Builder.

Step 3: Add and Configure the API Integration Component

To allow the Typeface application to write generated imagery and structured content back into SFMC Content Builder, you must provision a secure Server-to-Server connection:

1. Within the same package, click Add Component again.
2. Select API Integration and click Next.
3. Choose Server-to-Server as the integration type and click Next.
4. Under Server-to-Server Properties, configure the granular permissions under the ASSETS section:
   • Check Read for Documents and Images.
   • Check Write for Documents and Images.
   • Check Read for Saved Content.
   • Check Write for Saved Content.
5. Leave unrelated scopes unselected to adhere to the principle of least privilege.
6. Click Save.
7. Copy and securely store the newly generated credentials:
   • Client Id
   • Client Secret
   • Authentication Base URI (Auth URL)
   • REST Base URI

Step 4: Configure Business Unit Licensing and User Access

If your enterprise operates multiple business units (BUs):

1. Switch to the Access tab of the Installed Package.
2. Determine access distribution:
   • To enable the block across every department and region, select License Everyone.
   • To restrict deployment to specific brand divisions or piloting teams, select specific Business Units and assigned user roles.
3. Save changes.

Step 5: Establish the Connector Inside Typeface

1. Open a new browser session and log into your Typeface enterprise instance as an Administrator.
2. In the navigation sidebar, go to Settings and click Connectors (or Integrations).
3. Locate the Salesforce Marketing Cloud connector tile and click Connect.
4. Enter the four credential values retrieved from SFMC in Step 3:
   • Client ID
   • Client Secret
   • Authentication Base URI (e.g., https://mcxxxxxxxx.auth.marketingcloudapis.com/)
   • REST Base URI (e.g., https://mcxxxxxxxx.rest.marketingcloudapis.com/)
5. Click Verify & Connect. Ensure the status indicator turns green, confirming active API handshakes.

Operating Typeface Inside Content Builder

With the technical handshake active, marketing campaign builders can execute content workflows natively.

1. Launching the Typeface Block

• Navigate to Email Studio > Content Builder in SFMC.
• Create a new email message or open an existing template.
• In the left sidebar, under the Blocks palette, open the Custom category.
• Drag the Typeface block directly into the target layout slot on the canvas.

2. Generating Brand-Compliant Copy and Visuals

• Once placed, the Typeface canvas opens within the Content Builder panel.
• Marketers select target campaign personas or audience attributes.
• Typeface utilizes the brand's pre-configured Brand Graph—incorporating brand voice guidelines, product catalogs, color rules, and legal guardrails.
• Use natural language prompts to produce copy variations (e.g., headlines, CTA buttons, body copy) tailored to specific demographic cohorts.

3. Modifying Imagery via Embedded Image Studio

• Marketers can generate high-fidelity product imagery directly inside the block.
• Typeface's embedded Image Studio allows quick visual refinements:
  • Swapping backgrounds for seasonal or lifestyle settings.
  • Adding text overlays adhering to brand typography standards.
  • Positioning product cutouts into lifestyle scenes with realistic lighting and shadows.
• Eliminates the need to open external graphic design tools or wait on agency ticket queues.

4. Committing Assets to SFMC

• Clicking Done or Save to Content Builder triggers the API integration.
• The generated imagery is uploaded to SFMC's asset repository.
• Responsive HTML and styled container code are injected directly into the email template.

Scaling Personalization: Pairing Typeface with Dynamic Content Blocks

To maximize conversion impact, marketing operations should combine Typeface assets with SFMC Dynamic Content Blocks and Salesforce Data Cloud:

+-----------------------------------------------------------+
| Marketing Cloud Email Template                            |
|                                                           |
|  +-----------------------------------------------------+  |
|  | Dynamic Content Block                               |  |
|  |                                                     |  |
|  |   Rule 1: Region = 'North America'                  |  |
|  |   -> Serves Typeface Asset Variation A (Urban Fall) |  |
|  |                                                     |  |
|  |   Rule 2: Region = 'EMEA'                           |  |
|  |   -> Serves Typeface Asset Variation B (European)   |  |
|  |                                                     |  |
|  |   Default Rule: All Other Subscribers               |  |
|  |   -> Serves Typeface Baseline Brand Creative        |  |
|  +-----------------------------------------------------+  |
+-----------------------------------------------------------+

1. Bulk Asset Generation: In Typeface, generate a cluster of visual and copy variations aligned with audience segments defined in Data Cloud or Data Extensions.
2. Dynamic Rule Mapping: In Content Builder, create a Dynamic Content Block and map each Typeface variation to specific subscriber attributes (e.g., loyalty tier, climate zone, purchase frequency).
3. Journey Builder Activation: Deploy the dynamic email into Journey Builder automations (e.g., abandoned cart sequences, onboarding series).

Enterprise Governance and Operational Best Practices

To maintain governance and delivery hygiene across distributed marketing teams:

• Enforce Brand Graph Governance: Ensure the brand marketing leadership maintains updated typography guidelines, approved tone rules, color palettes, and prohibited terminology in Typeface Arc Graph. Generative outputs inherit these constraints automatically.
• Implement Content Approval Workflows: Combine the Typeface block with SFMC's Content Builder Approval workflows. Ensure that generated assets undergo standard review before entering live sends.
• Isolate Multi-Brand Assets by BU: If managing distinct brands under an enterprise umbrella account, set up separate Installed Packages or scoped BU permissions to ensure Brand A creative cannot be accessed by Brand B editors.
• Plan for Typography Client Fallbacks: While Typeface produces customized graphics with brand-approved fonts, live HTML text rendering in email clients (like Microsoft Outlook) requires web-safe fallback font stacks (e.g., Arial, Helvetica) to prevent layout distortion.

References

• Salesforce Marketing Cloud Now Includes Typeface | Typeface Integrations
• Salesforce Marketing Cloud New Integration - Typeface Experience for Personalized Marketing
• Salesforce Marketing Cloud - Now Build Campaigns with Typeface's AI-First Integrations
• Salesforce + Typeface: The full-loop marketing engine for Agentforce
• Agentic Marketing: Salesforce + Typeface AI Partnership
• Typeface at Dreamforce: Deep Integration with Slack, Agentforce, and DAM systems power autonomous marketing workflows
• Content Builder Block SDK | Salesforce Trailhead
• Salesforce Help