ilabservice.json

iLabService Brand Identity

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

Quick Facts

Field Value
Primary #04B4EC
Accent #03AFE5
Body Font Times New Roman
Heading Font Montserrat

Color Palette

Typography

Visual Assets

Brand Personality

Tone: professional · Energy: medium · Audience: technology and laboratory professionals

iLabService Brand in the Wild

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

Working with these fonts

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

CharacterQuilt.com suggests this flow that can help:

  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.

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.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
"colorScheme": "light",
"fonts": [
{
"family": "Times New Roman",
"role": "body"
},
{
"family": "Montserrat",
"role": "heading"
},
{
"family": "PingFang SC",
"role": "body"
},
{
"family": "Microsoft YaHei",
"role": "body"
},
{
"family": "STXihei",
"role": "body"
}
],
"colors": {
"primary": "#04B4EC",
"secondary": "#CDEFFA",
"accent": "#03AFE5",
"background": "#FFFFFF",
"textPrimary": "#333333",
"link": "#03AFE5"
},
"typography": {
"fontFamilies": {
"primary": "Times New Roman",
"heading": "Montserrat"
},
"fontStacks": {
"heading": [
"Montserrat",
"PingFang SC",
"Microsoft YaHei",
"微软雅黑",
"STXihei",
"华文细黑",
"sans-serif"
],
"body": [
"Times New Roman"
],
"paragraph": [
"Montserrat",
"PingFang SC",
"Microsoft YaHei",
"微软雅黑",
"STXihei",
"华文细黑",
"sans-serif"
]
},
"fontSizes": {
"h1": "48px",
"h2": "28px",
"body": "20px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {},
"images": {
"logo": "https://user-assets.sxlcdn.com/images/5283/Fupa6ZdFTuqx-5XygqVSmiQ8np7t.png?imageMogr2/strip/auto-orient/thumbnail/300x300%3E/quality/90!/format/png",
"favicon": "https://user-assets.sxlcdn.com/images/5283/FhXqV4YwFwRIEDqUsf5GJ6AiZU7m.png?imageMogr2/strip/auto-orient/thumbnail/64x64%3E/format/png",
"ogImage": "https://user-assets.sxlcdn.com/images/5283/FhXqV4YwFwRIEDqUsf5GJ6AiZU7m.png?imageMogr2/strip/auto-orient/thumbnail/1200x630>/format/png"
},
"__llm_logo_reasoning": {
"selectedIndex": 0,
"reasoning": "Selected #0 because it is visible, located in the header, and matches the brand inferred from the page title and URL. It is the most prominent logo available.",
"confidence": 0.9,
"source": "llm"
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "technology and laboratory professionals"
},
"designSystem": {
"framework": "custom",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.5,
"colors": 0.9,
"overall": 0.7
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": true,
"llmSucceeded": true,
"finalSource": "llm",
"rawLogoSelection": {
"selectedLogoIndex": 0,
"selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and matches the brand inferred from the page title and URL. It is the most prominent logo available.",
"confidence": 0.9
}
},
"buttonClassification": {
"llmCalled": false,
"llmSucceeded": true
}
}
}