Lightly Brand Identity

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

Quick Facts

Color Palette

• primary: #222F32
• secondary: #0EB3AB
• accent: #0EB3AB
• background: #091C1E
• textPrimary: #091C1E
• link: #091C1E

Typography

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

Visual Assets

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

UI Components

• input: background=transparent, textColor=#FFFFFF, borderColor=#444A4B, borderRadius=8px, shadow=none
• buttonPrimary: background=#0EB3AB, textColor=#FFFFFF, borderRadius=8px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#000000, borderColor=#091C1E, borderRadius=8px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech professionals

Lightly Brand in the Wild

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

• The 101 Introduction to Multimodal Deep Learning
  • Image: .png)
  • Source: Link
• Lightly Blog | Insights on Computer Vision, Data Curation & AI Workflows
  • Image:
  • Source: Link
• Apple M1 and M2 Performance for Training SSL Models
  • Image:
  • Source: Link
• Lightly Blog | Insights on Computer Vision, Data Curation & AI Workflows
  • Image: -min.png)
  • Source: Link
• Lightly Blog | Insights on Computer Vision, Data Curation & AI Workflows
  • Image: .png)
  • Source: Link
• Lightly.ai
  • Image:
  • Source: Link

Working with these fonts

Not found on Google Fonts? Agent Instructions:

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 click around to capture font URLs.
4. Download each font URL locally.
5. View the page's CSS and copy out the matching @font-face declarations.

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "General Sans",
   "role": "body"
  }
 ],
 "colors": {
   "primary": "#222F32",
   "secondary": "#0EB3AB",
   "accent": "#0EB3AB",
   "background": "#091C1E",
   "textPrimary": "#091C1E",
   "link": "#091C1E"
 },
 "typography": {
   "fontFamilies": {
     "primary": "General Sans",
     "heading": "General Sans"
   },
   "fontStacks": {
     "heading": [
       "General Sans",
       "Arial",
       "sans-serif"
     ],
     "body": [
       "General Sans",
       "Arial",
       "sans-serif"
     ],
     "paragraph": [
       "General Sans",
       "Arial",
       "sans-serif"
     ]
   },
   "fontSizes": {
     "h1": "64px",
     "h2": "32px",
     "body": "14px"
   }
 },
 "spacing": {
   "baseUnit": 4,
   "borderRadius": "8px"
 },
 "components": {
   "input": {
     "background": "transparent",
     "textColor": "#FFFFFF",
     "borderColor": "#444A4B",
     "borderRadius": "8px",
     "shadow": "none"
   },
   "buttonPrimary": {
     "background": "#0EB3AB",
     "textColor": "#FFFFFF",
     "borderRadius": "8px",
     "shadow": "none"
   },
   "buttonSecondary": {
     "background": "#FFFFFF",
     "textColor": "#000000",
     "borderColor": "#091C1E",
     "borderRadius": "8px",
     "shadow": "none"
   }
 },
 "images": {
   "logo": "https://cdn.prod.website-files.com/62cd5ce03261cba217188442/67e4ea160386eff644e3b829_Logo.svg",
   "favicon": "https://cdn.prod.website-files.com/62cd5ce03261cba217188442/62cd5ce03261cb1b601884b0_output-onlinepngtools%20(1).png",
   "ogImage": "https://cdn.prod.website-files.com/62cd5ce03261cba217188442/62cd5ce03261cb22b6188514_47eea2cd606fb9e86a5d12f78666dd14-32bits-256.png"
 },
 "personality": {
   "tone": "modern",
   "energy": "medium",
   "targetAudience": "tech professionals"
 },
 "designSystem": {
   "framework": "custom",
   "componentLibrary": ""
 }
}