LightTwist Brand: Colors, Fonts, Logo & Visual Identity

LightTwist Brand Identity

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

Color Palette

Brand palette extracted from https://lighttwist.com.

Type	Color Code	RGB
primary	#2DD4A8	rgb(45, 212, 168)
secondary	#FF8866	rgb(255, 136, 102)
accent	#2DD4A8	rgb(45, 212, 168)
background	#0C0C0E	rgb(12, 12, 14)
textPrimary	#0C0C0E	rgb(12, 12, 14)
link	#4A90E2	rgb(74, 144, 226)

Typography

Each font links to its Google Fonts page where available.

Type	Font	Google Fonts Link
primary	DM Sans	Google Fonts →
heading	DM Sans	Google Fonts →
	DM Sans, sans-serif

Visual Assets

UI Components

Button Primary

Type	Background	Text Color	Border Radius	Shadow
buttonPrimary	#2DD4A8	#0C0C0E	6px	none

Button Secondary

Type	Background	Text Color	Border Color	Border Radius	Shadow
buttonSecondary	#1A1A1F	#9494A0	#242426	6px	none

Brand Personality

Tone: modern Energy: high Audience: tech-savvy individuals

LightTwist Brand in the Wild

Frequently Asked Questions

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

What font does LightTwist use? LightTwist uses DM Sans as the primary typeface across body and headings.

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

Where can I find LightTwist's logo? LightTwist's logo is available directly on their site (https://lighttwist.com). 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://lighttwist.com 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 LightTwist.

Methodology

Brand data on this page was extracted from https://lighttwist.com on 2026-07-27 using the Firecrawl 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 LightTwist.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#2DD4A8",
    "secondary": "#FF8866",
    "accent": "#2DD4A8",
    "background": "#0C0C0E",
    "textPrimary": "#0C0C0E",
    "link": "#4A90E2"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "DM Sans"
    },
    "fontStacks": {
      "heading": [
        "DM Sans",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "DM Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "38.4px",
      "h2": "38.4px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#2DD4A8",
      "textColor": "#0C0C0E",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#1A1A1F",
      "textColor": "#9494A0",
      "borderColor": "#242426",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22%22%20style%3D%22height%3A%20var(--wordmark-height)%3B%20width%3A%20auto%3B%20display%3A%20block%3B%22%20viewBox%3D%223200%205370%204200%20900%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-label%3D%22LightTwist%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M3776.06%205417.43C3743.44%205417.43%203718.5%205440.46%203718.5%205472.12C3718.5%205504.74%203744.4%205528.73%203776.06%205528.73C3810.6%205528.73%203834.58%205504.74%203834.58%205472.12C3834.58%205440.46%203810.6%205417.43%203776.06%205417.43Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M3822.11%205593.02H3731.93V6030.54H3822.11V5593.02Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M4266.27%205666.89C4234.61%205617%204180.89%205582.45%204113.74%205582.45C3998.62%205582.45%203912.28%205677.44%203912.28%205807.93C3912.28%205939.38%203997.66%206033.41%204113.74%206033.41C4180.89%206033.41%204233.65%205999.83%204266.27%205951.85V6027.65C4266.27%206113.05%204222.14%206158.14%204142.52%206158.14C4084%206158.14%204035.07%206132.24%204019.72%206075.62H3926.67C3945.86%206185%204039.87%206238.74%204144.43%206238.74C4273.94%206238.74%204355.48%206155.26%204355.48%206024.78V5593.01H4265.31V5666.89H4266.27ZM4131.96%205948.97C4056.18%205948.97%204001.5%205891.41%204001.5%205808.89C4001.5%205727.34%204055.22%205668.81%204131.96%205668.81C4208.71%205668.81%204266.27%205727.34%204266.27%205808.89C4266.27%205890.45%204208.71%205948.97%204131.96%205948.97Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M4700.84%205583.42C4637.52%205583.42%204593.4%205614.12%204562.7%205661.14C4560.78%205664.02%204555.02%205677.45%204555.02%205677.45V5417.43H4464.85V6029.58H4555.02V5803.14C4555.02%205718.71%204596.28%205668.81%204673.01%205668.81C4739.2%205668.81%204768.95%205704.31%204768.95%205772.44V6029.58H4859.13V5754.21C4858.17%205647.71%204798.69%205583.42%204700.84%205583.42Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E
  "favicon": "https://lighttwist.com/favicon.ico",
  "ogImage": null,
  "logoHref": "/",
  "logoAlt": "LightTwist"
}