What is the Split Card Template?
The Split Card template features a white card with rounded cornersfloating on a light gray (#f5f5f5) background, elevated by a subtle box shadow. A 6px colored border on the left edge provides a brand accent without overwhelming the clean design.
The title is rendered in near-black (#111) at 46px, 700 weight, and the subtitle in medium gray (#666). The card has generous padding (60x70px) so text breathes comfortably.
This design pattern is ubiquitous in modern web design — it's the same card pattern used in dashboards, pricing pages, and feature sections. When someone sees this OG image, it subconsciously signals "professional, trustworthy company."
Best Use Cases
Product Pages
Professional previews for your product landing pages
Service Descriptions
Consulting, agency, and service page social shares
Case Studies
Business case studies that need a corporate look
E-commerce Launches
Product launch previews with a clean, trusted design
Customization Guide
Accent Color: The left border color is your brand color. This is the only colored element, so it carries all the visual identity. Use your primary brand color for consistency.
Background: The card is white on light gray, which means it works well on both light and dark social feeds. The contrast is subtle enough to look native on any platform.