# Lila Sciences Brand Identity

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #956C2F |
| Accent | #956C2F |
| Body Font | Arial |
| Heading Font | Arial |

## Color Palette

- primary: #956C2F
- secondary: #1863DC
- accent: #956C2F
- background: #000000
- textPrimary: #000000
- link: #53917E

## Typography

- primary: Arial — https://fonts.google.com/specimen/Arial
- heading: Arial — https://fonts.google.com/specimen/Arial

## Visual Assets

- Logo: %22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M0%2012V0H1.49V10.67H7.59V12H0Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-svg-origin%3D%220%200%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M47.9998%200H46.5098V12H47.9998V0Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-svg-origin%3D%2246.50979995727539%200%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M88.04%2012V0H89.53V10.67H95.63V12H88.04Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-svg-origin%3D%2288.04000091552734%200%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M139.6%200H137.8L133.33%2012H134.89L136.07%208.74H141.27L142.45%2012H144.04L139.6%200ZM136.55%207.44L137.45%204.95C137.87%203.72%20138.21%202.67%20138.39%201.69H138.98C139.15%202.67%20139.46%203.69%20139.91%204.95L140.81%207.44H136.55Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-fc-idx%3D%220%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
- Favicon:

## UI Components

- buttonPrimary: background=#956C2F, textColor=#FFFFF5, borderColor=#956C2F, borderRadius=6px, shadow=none
- buttonSecondary: background=#000000, textColor=#FFFFFF, borderRadius=12px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: scientific and tech-savvy individuals

## Lila Sciences Brand in the Wild

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

- **LILA | Scientific Superintelligence**
  - Image: 
  - Source: [Link](https://www.lila.ai/)
- **AI is not going to solve all the problems in the energy sector. But it might fix this one. | Lila**
  - Image: 
  - Source: [Link](https://www.lila.ai/news/ai-is-not-going-to-solve-all-the-problems-in-the-energy-sector-but-it-might-fix-this-one)
- **Physical Sciences at LILA**
  - Image: 
  - Source: [Link](https://www.lila.ai/news/ai-is-not-going-to-solve-all-the-problems-in-the-energy-sector-but-it-might-fix-this-one)
- **About | LILA | The World's First Operating System for Science**
  - Image: 
  - Source: [Link](https://www.lila.ai/about)
- **About | LILA | The World's First Operating System for Science**
  - Image: 
  - Source: [Link](https://www.lila.ai/about)

## Working with these fonts

Not found on Google Fonts? Here’s how you can find 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. Rewrite each `src: url(...)` to point to your local file path.

## Machine-Readable Profile

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Kmr Apparat",
      "role": "unknown"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#956C2F",
    "secondary": "#1863DC",
    "accent": "#956C2F",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#53917E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "Arial"
    },
    "fontStacks": {
      "heading": [
        "Kmr Apparat",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Kmr Apparat",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Kmr Apparat",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "64px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#956C2F",
      "textColor": "#FFFFF5",
      "borderColor": "#956C2F",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20145%2012%22%20fill%3D%22none%22%20class%3D%22navbar_logo%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2690_8722)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M0%2012V0H1.49V10.67H7.59V12H0Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-fc-idx%3D%220%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M47.9998%200H46.5098V12H47.9998V0Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-fc-idx%3D%220%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M88.04%2012V0H89.53V10.67H95.63V12H88.04Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-fc-idx%3D%220%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M139.6%200H137.8L133.33%2012H134.89L136.07%208.74H141.27L142.45%2012H144.04L139.6%200ZM136.55%207.44L137.45%204.95C137.87%203.72%20138.21%202.67%20138.39%201.69H138.98C139.15%202.67%20139.46%203.69%20139.91%204.95L140.81%207.44H136.55Z%22%20fill%3D%22currentColor%22%20class%3D%22navbar_logo-letter%22%20data-fc-idx%3D%220%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20style%3D%22translate%3A%20none%3B%20rotate%3A%20none%3B%20scale%3A%20none%3B%20opacity%3A%201%20!important%3B%20fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
  "favicon": "https://cdn.prod.website-files.com/691b0352c971a4b94f493c44/693bfaa4a31b3711de036f91_Lila%20Favicon.png"
}