llms.txt

Craft Brand Identity

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

Quick Facts

Field Value
Primary #9BD8A9
Accent #2F7A43
Body Font Untitled Sans
Heading Font Untitled Sans

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: professionals and productivity enthusiasts

Craft Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Instructions you can follow if you have permission to use the fonts:

  1. Open the company's homepage in a browser with DevTools open.
  2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
  3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
  4. For each captured font URL: right-click → Save As to download the file locally.
  5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Untitled Sans",
   "role": "body"
  },
  {
   "family": "Inter",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#9BD8A9",
  "secondary": "#FF3B30",
  "accent": "#2F7A43",
  "background": "#FCF9F7",
  "textPrimary": "#030302",
  "link": "#2F7A43"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Untitled Sans",
   "heading": "Untitled Sans"
  },
  "fontStacks": {
   "heading": [
    "UntitledSerifFont",
    "UntitledSerifFont Fallback",
    "apple-system-ui-serif",
    "ui-serif",
    "Georgia",
    "serif"
   ],
   "body": [
    "UntitledSansFont",
    "UntitledSansFont Fallback",
    "apple-system",
    "Inter",
    "BlinkMacSystemFont",
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    "sans-serif"
   ],
   "paragraph": [
    "UntitledSerifFont",
    "UntitledSerifFont Fallback",
    "apple-system-ui-serif",
    "ui-serif",
    "Georgia",
    "serif"
   ]
  },
  "fontSizes": {
   "h1": "74px",
   "h2": "60px",
   "body": "20px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "6px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#2F7A43",
   "textColor": "#41413F",
   "borderRadius": "0px",
   "borderRadiusCorners": {
    "topLeft": "0px",
    "topRight": "0px",
    "bottomRight": "0px",
    "bottomLeft": "0px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#FFFFFF",
   "textColor": "#030302",
   "borderRadius": "33554400px",
   "borderRadiusCorners": {
    "topLeft": "33554400px",
    "topRight": "33554400px",
    "bottomRight": "33554400px",
    "bottomLeft": "33554400px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22text-black%20transition-colors%20duration-300%22%20width%3D%22100%22%20height%3D%2220%22%20viewBox%3D%220%200%201071%20200%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M200.328%200C200.328%2054.7968%20156.254%2099.2999%20101.621%2099.9922L100.328%20100C155.557%20100%20200.328%20144.772%20200.328%20200H100.328C45.0997%20200%200.328127%20155.228%200.328125%20100C0.328128%2044.7715%2045.0997%203.00765e-07%20100.328%200H200.328Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(3%2C%203%2C%202)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M340.328%200C378.988%201.68988e-06%20410.328%2031.3401%20410.328%2070L410.322%2070.9043C409.838%20109.147%20378.686%20140%20340.328%20140L400.328%20200H230.328V0H340.328Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(3%2C%203%2C%202)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M531.621%200.0078125C586.254%200.70008%20630.328%2045.2032%20630.328%20100V200H610.328C577.616%20200%20548.573%20184.292%20530.328%20160.008C512.324%20183.971%20483.805%20199.584%20451.621%20199.992L450.328%20200H430.328V100C430.328%2044.7715%20475.1%200%20530.328%200L531.621%200.0078125Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(3%2C%203%2C%202)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M845.328%200C845.328%2039.7678%20822.114%2074.1124%20788.498%2090.2256C804.959%20104.878%20815.328%20126.228%20815.328%20150H745.328V200H665.328V0H845.328Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(3%2C%203%2C%202)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1070.33%20120C1047.82%20120%201027.04%20112.561%201010.33%20100.007V200H930.328V100.007C913.615%20112.561%20892.84%20120%20870.328%20120V0H1070.33V120Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(3%2C%203%2C%202)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://www.craft.do/favicons/light/favicon-light.ico",
 "ogImage": "https://www.craft.do/craft_og.png",
 "logoHref": "/"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 0,
 "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.",
 "confidence": 0.9,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 3,
 "text": "Spring Deal → Get 40% off Craft Plus and Family→ Get 40% off Craft Plus and Family",
 "reasoning": "Button #3 uses the vibrant brand color #2F7A43, which is a strong indicator of a primary call-to-action. The text 'Spring Deal → Get 40% off Craft Plus and Family' is action-oriented, promoting a special offer, making it a compelling primary CTA."
 },
 "secondary": {
 "index": 9,
 "text": "Upgrade to Plus",
 "reasoning": "Button #9 has a different background color (#FFFFFF) and offers an upgrade option with the text 'Upgrade to Plus', which is a typical secondary action."
 },
 "confidence": 0.95
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "professionals and productivity enthusiasts"
 },
 "designSystem": {
 "framework": "tailwind",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 },
 "__llm_metadata": {
 "logoSelection": {
 "llmCalled": true,
 "llmSucceeded": true,
 "finalSource": "llm",
 "rawLogoSelection": {
 "selectedLogoIndex": 0,
 "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}