# Tasklet Brand Identity

A complete profile of **Tasklet**'s visual system — colors, typography, components, and personality — extracted from [https://tasklet.ai/](https://tasklet.ai/). Built for designers, agents, and AI tools.

## Primary Color

- #4F6F52

## Accent Color

- #4F6F52

## Body Font

- Inter

## Heading Font

- Libre Baskerville

## Color Palette

Brand palette extracted from https://tasklet.ai/.

- **primary**: #4F6F52 (rgb(79, 111, 82))
- **secondary**: #FF7F50 (rgb(255, 127, 80))
- **accent**: #4F6F52 (rgb(79, 111, 82))
- **background**: #F5F5F5 (rgb(245, 245, 245))
- **textPrimary**: #1C1C1E (rgb(28, 28, 30))
- **link**: #F6E9E5 (rgb(246, 233, 229))

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Inter ([Google Fonts →](https://fonts.google.com/specimen/Inter))
- **heading**: Libre Baskerville ([Google Fonts →](https://fonts.google.com/specimen/Libre+Baskerville))

## Visual Assets

Logo

Favicon

Social Card

## UI Components

### Input

- **Background**: transparent
- **Text Color**: #1C1C1E
- **Border Color**: null
- **Border Radius**: 4px
- **Shadow**: none

### Button Primary

- **Background**: #4F6F52
- **Text Color**: #FFFFFF
- **Border Color**: #49674C
- **Border Radius**: 4px
- **Shadow**: oklch(1 0 0 / 0.06) 0px 0.5px 0px 0.5px inset, oklab(0.508351 -0.0492011 0.0319302 / 0.3) 0px 3px 2px -2px, oklab(0.508351 -0.0492011 0.0319302 / 0.3) 0px 4px 3px -2px

### Button Secondary

- **Background**: transparent
- **Text Color**: #1C1C1E
- **Border Radius**: 4px
- **Shadow**: none

## Brand Personality

- **Tone**: modern
- **Energy**: medium
- **Audience**: tech-savvy professionals

## Tasklet Brand in the Wild

Image: [tasklet.ai](https://tasklet.ai/og-image.png)  
Source: [tasklet.ai](https://tasklet.ai/)

Image: [i.ytimg.com](https://i.ytimg.com/vi/SBMH46-h0qI/sddefault.jpg)  
Source: [youtube.com](https://www.youtube.com/watch?v=SBMH46-h0qI)

Image: [taskletfactory.com](https://taskletfactory.com/media/adqh54pz/university-certifications-v2.png?upscale=false&width=1200)  
Source: [taskletfactory.com](https://taskletfactory.com/learn/blog/blog-tasklet-announces-new-certification-program-for-partners/)

Image: [taskletfactory.com](https://taskletfactory.com/media/45wiqfb4/count-in-mobile-wms-1-bc-nav.png?upscale=false&width=1200)  
Source: [taskletfactory.com](https://taskletfactory.com/solutions/mobile-wms-365-bc-nav/count/)

Image: [taskletfactory.com](https://taskletfactory.com/media/gxohkezx/job-ad-general-join-our-team.png?upscale=false&width=1200)  
Source: [taskletfactory.com](https://taskletfactory.com/about/careers/)

## Frequently Asked Questions

### What is Tasklet's primary brand color?

Tasklet's primary brand color is #4F6F52. It anchors the visual identity across their website, product UI, and marketing materials.

### What font does Tasklet use?

Tasklet uses Inter for body text and Libre Baskerville for headings. Fonts were detected on https://tasklet.ai/ as part of their live design system.

### Does Tasklet use a light or dark theme?

Tasklet's primary site uses a light color scheme, with a background of #F5F5F5.

### Where can I find Tasklet's logo?

Tasklet's logo is available directly on their site (https://tasklet.ai/). The current logo URL is included in the machine-readable JSON profile linked above.

### How was this brand profile generated?

This profile was extracted from https://tasklet.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Tasklet.

## Methodology

Brand data on this page was extracted from [https://tasklet.ai/](https://tasklet.ai/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Tasklet.