lila sciences.json
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
- AI is not going to solve all the problems in the energy sector. But it might fix this one. | Lila
- Image:
- Source: Link
- Physical Sciences at LILA
- Image:
- Source: Link
- About | LILA | The World's First Operating System for Science
- Image:
- Source: Link
- About | LILA | The World's First Operating System for Science
- Image:
- Source: Link
Working with these fonts
Not found on Google Fonts? Here’s how you can find the fonts:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
- Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
- For each captured font URL: right-click → Save As to download the file locally.
- 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
{
"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"
}