Kilobaser Brand Identity

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

Quick Facts

Color Palette

• primary: #AADB1E
• secondary: #E80000
• accent: #5C068C
• background: #F3F3F3
• textPrimary: #5C068C
• link: #5C068C

Typography

• primary: Aktiv Grotesk — https://fonts.google.com/specimen/Aktiv+Grotesk
• heading: Aktiv Grotesk — https://fonts.google.com/specimen/Aktiv+Grotesk

Visual Assets

• Logo:
• Favicon: https://kilobaser.com/favicon.ico
• Social card (og:image):

UI Components

• input: background=#F7F7F7, textColor=#797979, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=#5C068C, textColor=#FFFFFF, borderRadius=0px, shadow=none
• buttonSecondary: background=transparent, textColor=#5C068C, borderColor=#5C068C, borderRadius=3px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: scientists and researchers

Kilobaser Brand in the Wild

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

• TaqMan Probes | Kilobaser - Personal DNA/RNA Synthesizer
  • Image:
  • Source: https://kilobaser.com/taqman-probes
• Kilobaser: Desktop DNA & RNA Synthesizer
  • Image:
  • Source: https://kilobaser.com/
• Introducing the New Hexynyl Cartridge: Revolutionary Click Chemistry at Your Fingertips | Kilobaser
  • Image:
  • Source: https://kilobaser.com/post/introducing-the-new-hexynyl-cartridge-revolutionary-click-chemistry-at-your-fingertips
• Troubleshooting
  • Image:
  • Source: https://manual.kilobaser.com/manual-n2-generator/latest/Troubleshooting/
• Our Blog | Kilobaser - Personal DNA/RNA Synthesizer
  • Image:
  • Source: https://kilobaser.com/blog

Working with these fonts

Agent Instructions that you can follow if you have permission to use 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 and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {"family": "Aktiv Grotesk","role": "body"}
 ],
 "colors": {
 "primary": "#AADB1E",
 "secondary": "#E80000",
 "accent": "#5C068C",
 "background": "#F3F3F3",
 "textPrimary": "#5C068C",
 "link": "#5C068C"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Aktiv Grotesk",
 "heading": "Aktiv Grotesk"
 },
 "fontStacks": {
 "heading": ["__aktiv_grotesk_6d6038","__aktiv_grotesk_Fallback_6d6038"],
 "body": ["__aktiv_grotesk_6d6038","__aktiv_grotesk_Fallback_6d6038"],
 "paragraph": ["__aktiv_grotesk_6d6038","__aktiv_grotesk_Fallback_6d6038"]
 },
 "fontSizes": {
 "h1": "48px",
 "h2": "34px",
 "body": "18px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "0px"
 },
 "components": {
 "input": {
 "background": "#F7F7F7",
 "textColor": "#797979",
 "borderColor": null,
 "borderRadius": "0px",
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#5C068C",
 "textColor": "#FFFFFF",
 "borderRadius": "0px",
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "transparent",
 "textColor": "#5C068C",
 "borderColor": "#5C068C",
 "borderRadius": "3px",
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://kilobaser.com/content/Images/Logo/Kilobaser-Logo_violet-black.svg",
 "favicon": "https://kilobaser.com/favicon.ico",
 "ogImage": "https://kilobaser.com/content/Images/Products/DNA-RNA-Synthesizer_Kilobaser-one-XT_closed.webp",
 "logoHref": "/",
 "logoAlt": "Kilobaser Logo"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "scientists and researchers"
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}