Synthetic Sciences Brand Identity

A complete profile of Synthetic Sciences's visual system — colors, typography, components, and personality — extracted from syntheticsciences.ai.

Color Palette

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

• Primary: #F7F0E8 (rgb(247, 240, 232))
• Secondary: #FEF7EE (rgb(254, 247, 238))
• Accent: #695954 (rgb(105, 89, 84))
• Background: #F7F0E8 (rgb(247, 240, 232))
• Text Primary: #2E2522 (rgb(46, 37, 34))
• Link: #695954 (rgb(105, 89, 84))

Typography

Each font links to its Google Fonts page where available.

• Primary Font: Plus Jakarta Sans Google Fonts →
• Heading Font: Bricolage Grotesque Google Fonts →

Font Stack

• Headings: Bricolage Grotesque, Plus Jakarta Sans, sans-serif
• Body Text: Plus Jakarta Sans, system-ui, sans-serif

Visual Assets

UI Components

Live previews rendered using Synthetic Sciences's actual button styles.

Button Primary

• Background: #F7F0E8
• Text Color: #2E2522
• Border Color: #D3CBC4
• Border Radius: 6px
• Shadow: none

Button Secondary

• Background: #2E2522
• Text Color: #F7F0E8
• Border Color: #2E2522
• Border Radius: 6px
• Shadow: none

Brand Personality

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

Frequently Asked Questions

1. What is Synthetic Sciences's primary brand color?
   Synthetic Sciences's primary brand color is #F7F0E8. It anchors the visual identity across their website, product UI, and marketing materials.

2. What accent color does Synthetic Sciences use?
   Synthetic Sciences uses #695954 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. What font does Synthetic Sciences use?
   Synthetic Sciences uses Plus Jakarta Sans for body text and Bricolage Grotesque for headings.

4. Does Synthetic Sciences use a light or dark theme?
   Synthetic Sciences's primary site uses a light color scheme, with a background of #F7F0E8.

5. Where can I find Synthetic Sciences's logo?
   Synthetic Sciences's logo is available directly on their site: syntheticsciences.ai.

6. How was this brand profile generated?
   This profile was extracted from syntheticsciences.ai using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    { "family": "Plus Jakarta Sans", "role": "body" },
    { "family": "Bricolage Grotesque", "role": "heading" }
  ],
  "colors": {
    "primary": "#F7F0E8",
    "secondary": "#FEF7EE",
    "accent": "#695954",
    "background": "#F7F0E8",
    "textPrimary": "#2E2522",
    "link": "#695954"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Plus Jakarta Sans",
      "heading": "Bricolage Grotesque"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#F7F0E8",
      "textColor": "#2E2522",
      "borderColor": "#D3CBC4",
      "borderRadius": "6px"
    },
    "buttonSecondary": {
      "background": "#2E2522",
      "textColor": "#F7F0E8",
      "borderColor": "#2E2522",
      "borderRadius": "6px"
    }
  },
  "images": {
    "logo": "https://syntheticsciences.ai/assets/logo-DcYm1pwM.png"
  }
}

Design System

• Framework: custom
• Component Library: None

[^1]: This page is published by CharacterQuilt and is not affiliated with or endorsed by Synthetic Sciences.