Genomelink Brand Identity

A complete profile of Genomelink's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #263856
• secondary: #4582C9
• accent: #FF7C11
• background: #FFFFFF
• textPrimary: #FF7C11
• link: #FF7C11

Typography

• primary: SF Pro Text — https://fonts.google.com/specimen/SF+Pro+Text
• heading: SF Pro Text — https://fonts.google.com/specimen/SF+Pro+Text

Visual Assets

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

UI Components

• input: background=#FFFFFF, textColor=#333333, borderColor=#3898EC, borderRadius=8px, shadow=none
• buttonPrimary: background=#FF7C11, textColor=#FFFFFF, borderRadius=8px, shadow=none
• buttonSecondary: background=#7ABF43, textColor=#FFFFFF, borderRadius=32px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: individuals interested in DNA and ancestry insights

Genomelink Brand in the Wild

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

• Is Balding Caused by DNA? | Balding DNA Traits | Genomelink
  • Image:
  • Source: Source
• Genomelink Blog: Learn more about your DNA data
  • Image:
  • Source: Source
• Tanning DNA | Sun Sensitivity Ancestry | Genomelink
  • Image:
  • Source: Source
• Genealogy Jobs: Exploring Exciting Career Paths
  • Image: .png)
  • Source: Source
• Nutrigenomics And Diet DNA Analysis | Genomelink
  • Image:
  • Source: Source
• Let your DNA link with the latest genomics science and unlock 125+ traits that make you... you! — Genomelink is here to help
  • Image:
  • Source: Source

Working with these fonts

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "SF Pro Text",
   "role": "body"
  },
  {
   "family": "Lexend Deca",
   "role": "unknown"
  }
 ],
 "colors": {
  "primary": "#263856",
  "secondary": "#4582C9",
  "accent": "#FF7C11",
  "background": "#FFFFFF",
  "textPrimary": "#FF7C11",
  "link": "#FF7C11"
 },
 "typography": {
  "fontFamilies": {
   "primary": "SF Pro Text",
   "heading": "SF Pro Text"
  },
  "fontStacks": {
   "heading": [
    "Lexend Deca",
    "Lexend Fallback",
    "sans-serif"
   ],
   "body": [
    "Arial",
    "Helvetica Neue",
    "Helvetica",
    "sans-serif"
   ],
   "paragraph": [
    "Lexend Deca",
    "Lexend Fallback",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "24px",
   "h2": "16px",
   "body": "76px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "12px"
 },
 "components": {
  "input": {
   "background": "#FFFFFF",
   "textColor": "#333333",
   "borderColor": "#3898EC",
   "borderRadius": "8px",
   "borderRadiusCorners": {
    "topLeft": "8px",
    "topRight": "8px",
    "bottomRight": "8px",
    "bottomLeft": "8px"
   },
   "shadow": "none"
  },
  "buttonPrimary": {
   "background": "#FF7C11",
   "textColor": "#FFFFFF",
   "borderRadius": "8px",
   "borderRadiusCorners": {
    "topLeft": "8px",
    "topRight": "8px",
    "bottomRight": "8px",
    "bottomLeft": "8px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#7ABF43",
   "textColor": "#FFFFFF",
   "borderRadius": "32px",
   "borderRadiusCorners": {
    "topLeft": "32px",
    "topRight": "32px",
    "bottomRight": "32px",
    "bottomLeft": "32px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://res.cloudinary.com/dmwhvqybn/image/upload/v1775781612/pages/_shared/6299ed024a14fdb66925b01a-genomelink-logo-footer.svg",
  "favicon": "https://res.cloudinary.com/dmwhvqybn/image/upload/v1775781580/pages/_shared/6858c5c6aa21fa380b6c7042-favicon-f75e85e4d2c0.png",
  "ogImage": "https://res.cloudinary.com/dmwhvqybn/image/upload/v1775797202/pages/_shared/620513fbd4fdcea03379435d-620513fbd4fdcea03379435d_genomelink-min.png",
  "logoHref": "/"
 },
 "__llm_logo_reasoning": {
  "selectedIndex": 2,
  "reasoning": "Selected #2 because it is visible, located in the header, links to the homepage, and matches the brand name 'Genomelink'.",
  "confidence": 0.9,
  "source": "llm"
 },
 "__llm_button_reasoning": {
  "primary": {
   "index": 1,
   "text": "Upload My DNA — Free",
   "reasoning": "Button #3 'Upload My DNA — Free' is likely the primary CTA due to its action-oriented text and vibrant brand color (#FF7C11), which aligns with the site's focus on DNA services."
  },
  "secondary": {
   "index": 7,
   "text": "AGREE & PROCEED",
   "reasoning": "Button #1 'AGREE & PROCEED' is selected as secondary due to its different color group (#7ABF43) and supportive action text, often used for consent or continuation actions."
  },
  "confidence": 0.95
 },
 "personality": {
  "tone": "modern",
  "energy": "medium",
  "targetAudience": "individuals interested in DNA and ancestry insights"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0.95,
  "colors": 0.9,
  "overall": 0.925
 },
 "__llm_metadata": {
  "logoSelection": {
   "llmCalled": true,
   "llmSucceeded": true,
   "finalSource": "llm",
   "rawLogoSelection": {
    "selectedLogoIndex": 2,
    "selectedLogoReasoning": "Selected #2 because it is visible, located in the header, links to the homepage, and matches the brand name 'Genomelink'.",
    "confidence": 0.9
   }
  },
  "buttonClassification": {
   "llmCalled": true,
   "llmSucceeded": true
  }
 }
}