Zeplin Brand Identity

A complete profile of Zeplin's visual system — colors, typography, components, and personality — extracted from https://zeplin.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://zeplin.io.

• primary: #3989F9
• secondary: #419BF9
• accent: #1863DC
• background: #FFFFFF
• textPrimary: #3F3F46
• link: #1863DC

Typography

Each font links to its Google Fonts page where available.

• primary: SF Pro Display Google Fonts →
• heading: SF Pro Display Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Zeplin's actual button styles.

• Button Primary:
  Background: #3989F9
  Text Color: #FFFFFF
  Border Radius: 2px
  Shadow: none

• Button Secondary:
  Background: #FFFFFF
  Text Color: #1863DC
  Border Color: #1863DC
  Border Radius: 2px
  Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: designers and developers

Frequently Asked Questions

What is Zeplin's primary brand color?
Zeplin's primary brand color is #3989F9.

What accent color does Zeplin use?
Zeplin uses #1863DC as an accent color.

What font does Zeplin use?
Zeplin uses SF Pro Display as the primary typeface.

Does Zeplin use a light or dark theme?
Zeplin's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Zeplin's logo?
Zeplin's logo is available directly on their site (https://zeplin.io).

How was this brand profile generated?
This profile was extracted from https://zeplin.io using the Firecrawl branding extraction API.

Methodology

Brand data was extracted from https://zeplin.io on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.