# Worklytics Brand Identity

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

- Page: https://characterquilt.com/branding/worklytics
- Machine-readable JSON: https://characterquilt.com/branding/worklytics.json

## Quick Facts

| Field | Value |
|---|---|
| Primary | #5E7B8A |
| Accent | #0073E6 |
| Body Font | Kumbh Sans |
| Heading Font | Kumbh Sans |

## Color Palette

- primary: #5E7B8A
- secondary: #0D364B
- accent: #0073E6
- background: #FFFFFF
- textPrimary: #3960F0
- link: #3960F0

## Typography

- primary: Kumbh Sans — https://fonts.google.com/specimen/Kumbh+Sans
- heading: Kumbh Sans — https://fonts.google.com/specimen/Kumbh+Sans

## Visual Assets

- Logo: 
- Favicon:

## UI Components

- buttonPrimary: background=#0073E6, textColor=#FFFFFF, borderRadius=4px, shadow=none
- buttonSecondary: background=#F5F5F5, textColor=#0073E6, borderColor=#0073E6, borderRadius=4px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: business professionals and HR departments

## Worklytics Brand in the Wild

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

- **What data is displayed in each metric? – Worklytics**
  - Image: 
  - Source: [Link](https://worklytics.zendesk.com/hc/en-us/articles/360004703313-What-data-is-displayed-in-each-metric)
- **Worklytics – Insights & data for your team | Bruno Felício**
  - Image: 
  - Source: [Link](https://brunofelicio.com/work/worklytics-insights-data-to-help-your-team-work-better/)
- **Worklytics - Work Analytics Benchmark Report Design and Specialized Data Visualization | 3iap**
  - Image: 
  - Source: [Link](https://3iap.com/work/worklytics-benchmark-report-data-visualization-design/)
- **Worklytics – Insights & data for your team | Bruno Felício**
  - Image: 
  - Source: [Link](https://brunofelicio.com/work/worklytics-insights-data-to-help-your-team-work-better/)

## Working with these fonts

Not found on Google Fonts? Here’s a suggestion:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and capture any font URLs.
4. Save the font files locally by right-clicking.
5. Adjust the CSS to point to your local font paths.

Only do this if you have permission to use the brand assets. Most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Kumbh Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#5E7B8A",
    "secondary": "#0D364B",
    "accent": "#0073E6",
    "background": "#FFFFFF",
    "textPrimary": "#3960F0",
    "link": "#3960F0"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Kumbh Sans",
      "heading": "Kumbh Sans"
    },
    "fontStacks": {
      "heading": [
        "Kumbh Sans",
        "sans-serif"
      ],
      "body": [
        "Arial",
        "Helvetica Neue",
        "Helvetica",
        "sans-serif"
      ],
      "paragraph": [
        "Arial",
        "Helvetica Neue",
        "Helvetica",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "32px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0073E6",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F5F5",
      "textColor": "#0073E6",
      "borderColor": "#0073E6",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/626173f9597b2935e932c8a4/62619aa719481264aa826077_worklytics-white.svg",
    "favicon": "https://cdn.prod.website-files.com/626173f9597b2935e932c8a4/62728ef30f74286fbb549fc3_favicon-32.png",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "Worklytics Co."
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals and HR departments"
  }
}
```
