Durate Brand Identity

A complete profile of Durate's visual system — colors, typography, components, and personality — extracted from https://www.durate.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.durate.com/.
primary
#111827
rgb(17, 24, 39)

secondary
#4B5563
rgb(75, 85, 99)

accent
#1F2937
rgb(31, 41, 55)

background
#FAFAFA
rgb(250, 250, 250)

textPrimary
#6B7280
rgb(107, 114, 128)

link
#6B7280
rgb(107, 114, 128)

Typography

Each font links to its Google Fonts page where available.

primary

SF Pro Display
SF Pro Display Google Fonts →

heading

SF Pro Display
SF Pro Display Google Fonts →

-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif

Visual Assets

-YEdIkDnlg65ProDW1VeUwZEqEgN9ZV.png&w=256&q=75)

-ZZQbcQv2AMoIIxrVjEQeJFLY7hrEEi.png)

UI Components

Live previews rendered using Durate's actual button styles.

Input

input
background #FFFFFF
textColor #000000
borderColor #E4E4E7
borderRadius 10px
shadow none

Button Primary

buttonPrimary
background #1F2937
textColor #FFFFFF
borderRadius 6px
shadow rgba(255, 255, 255, 0.15) 0px 1px 0.5px 0px inset, rgba(38, 121, 243, 0.2) 0px 2px 4px 1px, rgba(0, 0, 0, 0.16) 0px 1px 2px 0px, rgba(15, 12, 12, 0.2) 0px 1px 4px 0px, rgb(55, 130, 241) 0px 0px 0px 1px

Button Secondary

buttonSecondary
background #FAFAFA
textColor #333741
borderRadius 6px
shadow rgba(15, 12, 12, 0.08) 0px 3px 1px -2px, rgba(15, 12, 12, 0.05) 0px 1px 3px 1px, rgba(15, 12, 12, 0.1) 0px 0px 0px 1px

Brand Personality

Tone: professional
Energy: medium
Audience: business professionals seeking scheduling solutions

Frequently Asked Questions

What is Durate's primary brand color?
Durate's primary brand color is #111827. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Durate use?
Durate uses #1F2937 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Durate use?
Durate uses SF Pro Display as the primary typeface across body and headings.

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

Where can I find Durate's logo?
Durate's logo is available directly on their site (https://www.durate.com/). The current logo URL is included in the machine-readable JSON profile linked above.