Clinical Terminal
AboutSign in

Tamarind Bio: AI Infrastructure for Biotech R&D design system

tamarind.bio

Read from Tamarind Bio: AI Infrastructure for Biotech R&D's public website by Clinical Terminal. Not reviewed by Tamarind Bio: AI Infrastructure for Biotech R&D. Copy it and paste it into Claude as inspiration.

Corrections or removal: agent@clinicalterminal.com

Tamarind Bio: AI Infrastructure for Biotech R&D homepage

Palette

Other named colors

Type

Headings
Archivo · closest free match for Inter Display

Tamarind Bio: AI Infrastructure for Biotech R&D at a glance

Body
Archivo · closest free match for Inter Display

Clear, readable paragraphs for clinicians, buyers and patients alike.

Shape & depth

Cards and panels: 6px corners · buttons and chips: 25px.

Corner radii

Shadows

Breakpoints: 810px · 1320px

Voice

Tone: modern. Energy: low. Written for enterprises.

DESIGN.md

The file Copy design system puts on your clipboard. Open the raw file.

---
generator: clinical-terminal-brand-kit
company: "Tamarind Bio: AI Infrastructure for Biotech R&D"
domain: "tamarind.bio"
colors:
  primary: "#CBF2CD"
  onPrimary: "#0000EE"
  dark: "#8F8F8F"
  accent: "#0D585F"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#111111"
  accent: "#5A7D5C"
fonts:
  heading: "Archivo"
  body: "Archivo"
radius:
  card: "6px"
  button: "25px"
---

# Design System — Tamarind Bio: AI Infrastructure for Biotech R&D

> Read from Tamarind Bio: AI Infrastructure for Biotech R&D's public website (tamarind.bio) by Clinical Terminal. Not reviewed by Tamarind Bio: AI Infrastructure for Biotech R&D.
> Use it as inspiration: borrow the ideas, not Tamarind Bio: AI Infrastructure for Biotech R&D's name, logo or identity.

## Ground
- **Light ground** (#FFFFFF), from Tamarind Bio: AI Infrastructure for Biotech R&D's site background #FFFFFF. Pages and panels sit on it.
- Main text: #111111 (18.88:1 on the ground).
- Secondary text is #111111 at 88% / 76% / 60%; hairlines and plate borders #111111 at 16%.

## Color
- **Accent on the ground: #5A7D5C** (4.64:1), adjusted from Tamarind Bio: AI Infrastructure for Biotech R&D's primary #CBF2CD so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #CBF2CD** for filled shapes (buttons, chips, bars), with #0000EE text on it (7.66:1).
- Secondary accent #0D585F: charts and a second data series only.
- Quote every hex exactly as written above.

## Type
- Headlines: **Archivo**. Body: **Archivo**. Both on Google Fonts.
- Tamarind Bio: AI Infrastructure for Biotech R&D's site uses Inter Display / Inter Display; these are the closest free look-alikes.

## Shape
- Cards and panels: 6px corners. Buttons and chips: 25px.

## Voice
- Tone: modern. Energy: low. Written for enterprises.
- Headlines are short and concrete.

## Tokens from the site's stylesheets

### Other named colors

- `--token-84d1fdeb-3862-4f81-b095-e8ab7ad20d2b`: `#0D585F`
- `--token-8e78b99b-a4d0-45d3-b558-d83e08625be4`: `#000000`
- `--token-b6e4d4c2-e29d-453b-b71d-2d4d0250949f`: `#FFFFFF`
- `--token-80f9902e-5060-4b5a-8778-f677f33e1e5d`: `#DEDEDE`
- `--token-fc1e4e52-996a-45b2-a41c-4a28ede9fa6e`: `#8F8F8F`
- `--token-c8e33c07-8b48-4152-a7ae-dea2d86915a7`: `#C4C4C4`
- `--token-a2f5bb5a-8680-4256-aec8-482ce7b1bd3c`: `#ADADAD`
- `--token-daa56acd-9dfe-4755-bb23-2505d4424222`: `#CCF2CD`
- `--token-b00e6ff2-47d8-4662-9f0e-7ad462d46a76`: `#FCC202`
- `--token-085bacf2-6346-48e8-ac11-2aab2a49e5f3`: `#002B2F`
- `--token-757cdfa5-03ba-4043-8fe2-822a0b2b0c24`: `#7CDDAE`
- `--token-0a28476e-318e-4550-9a46-edd3bc720af3`: `#FAFAF7`
- `--token-a3b936d6-86c3-44b2-bac8-19e23b625846`: `#FAFAF7`
- `--token-094205f0-c587-473c-8dc5-e2004f2e326f`: `#CCF2CD`
- `--token-777160e7-c474-4fec-a81b-5899e9e20864`: `#7CDDAE`
- `--token-29e6acdb-9f24-4616-9a95-468fa511e4b6`: `#FCC202`
- `--token-28c64801-b351-4499-a31e-c8f84be69249`: `#0D585F`
- `--token-84345ad5-b132-4ac7-855e-d21596da2ba6`: `#002B2F`
- `--token-b77fbd85-66f9-43c4-aa0e-4924bea99da8`: `#FF3621`
- `--token-2e42d159-b9f1-4c45-98b1-0e9701bcbd37`: `#0B0B0C`
- `--token-224271ee-7a72-4b25-8b5e-9f8b654430bd`: `#FFFFFF`
- `--token-63a3e461-9534-479c-b7f3-0dbb49e85bd4`: `#5A5C63`
- `--token-b8453037-4ea5-4e25-99ff-45da7d6a4f44`: `#E6E7EA`
- `--token-4350f2bb-fae3-4529-be9b-cacbf88e6468`: `#F4F4F5`
- `--border-color`: `#2F2F2F`

### Typefaces

- Inter — on Google Fonts
- Inter Display
- Inter Variable
- Playfair Display — on Google Fonts
- Figtree — on Google Fonts
- Outfit — on Google Fonts
- Fragment Mono
- General Sans

### Type scale (most-used sizes)

`55px` · `44px` · `35px` · `28px` · `23px` · `20px` · `18px` · `16px` · `12px`

### Letter-spacing

`-.03em` (1)

### Corner radii (most-used)

`24px` · `2px` · `8px` · `6px`

### Shadows

- `0 .602187px .602187px -.5px #00000014,0 2.28853px 2.28853px -1px #0000001a,0 10px 10px -1.5px #0000002e`
- `0 .602187px .602187px -.833333px #00000021,0 2.28853px 2.28853px -1.66667px #00000021,0 10px 10px -2.5px #00000021,0 2px 4px #00000040`

### Breakpoints

810px · 1320px