Dexter Brand Identity

A complete profile of Dexter's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #F5ECE6
• secondary: #020817
• accent: #ED4401
• background: #FFFFFF
• textPrimary: #ED4401
• link: #ED4401

Typography

• primary: DM Sans — https://fonts.google.com/specimen/DM+Sans
• heading: ppNeueMachina — https://fonts.google.com/specimen/ppNeueMachina

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#ED4401, textColor=#FFFFFF, borderColor=#ED4401, borderRadius=4px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#000000, borderRadius=4px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: complex enterprises

Dexter Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Dexter: Spend Intelligence for Complex Enterprises
  • Image:
  • Source: Get Dexter
• Dexter: Spend Intelligence for Complex Enterprises
  • Image:
  • Source: Get Dexter
• Dexter: Spend Intelligence for Complex Enterprises
  • Image:
  • Source: Get Dexter
• Dexter: Spend Intelligence for Complex Enterprises
  • Image:
  • Source: Get Dexter
• Dexter: AI-powered Source-to-Pay
  • Image:
  • Source: Get Dexter
• Dexter: Spend Intelligence for Complex Enterprises
  • Image:
  • Source: Get Dexter

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
   {
     "family": "DM Sans",
     "role": "body"
   },
   {
     "family": "ppNeueMachina",
     "role": "heading"
   },
   {
     "family": "DM Mono",
     "role": "monospace"
   }
 ],
 "colors": {
   "primary": "#F5ECE6",
   "secondary": "#020817",
   "accent": "#ED4401",
   "background": "#FFFFFF",
   "textPrimary": "#ED4401",
   "link": "#ED4401"
 },
 "typography": {
   "fontFamilies": {
     "primary": "DM Sans",
     "heading": "ppNeueMachina"
   },
   "fontStacks": {
     "heading": [
       "ppNeueMachina"
     ],
     "body": [
       "DM Sans"
     ],
     "paragraph": [
       "DM Sans"
     ]
   },
   "fontSizes": {
     "h1": "55px",
     "h2": "20px",
     "body": "18px"
   }
 },
 "spacing": {
   "baseUnit": 4,
   "borderRadius": "0px"
 },
 "components": {
   "buttonPrimary": {
     "background": "#ED4401",
     "textColor": "#FFFFFF",
     "borderColor": "#ED4401",
     "borderRadius": "4px",
     "borderRadiusCorners": {
       "topLeft": "4px",
       "topRight": "4px",
       "bottomRight": "4px",
       "bottomLeft": "4px"
     },
     "shadow": "none"
   },
   "buttonSecondary": {
     "background": "#FFFFFF",
     "textColor": "#000000",
     "borderRadius": "4px",
     "borderRadiusCorners": {
       "topLeft": "4px",
       "topRight": "4px",
       "bottomRight": "4px",
       "bottomLeft": "4px"
     },
     "shadow": "none"
   }
 },
 "images": {
   "logo": "https://www.getdexter.co/images/dexter-logo.svg?dpl=dpl_27CftH7BYLtLfj5d2yDVDUejsSpb",
   "favicon": "https://www.getdexter.co/favicon-x.png",
   "ogImage": "https://www.getdexter.co/images/social-sharing-new.png",
   "logoHref": "/",
   "logoAlt": "Dexter"
 },
 "personality": {
   "tone": "professional",
   "energy": "medium",
   "targetAudience": "complex enterprises"
 },
 "designSystem": {
   "framework": "tailwind",
   "componentLibrary": ""
 },
 "confidence": {
   "buttons": 0.95,
   "colors": 0.9,
   "overall": 0.925
 }
}