[Design systems](/design-systems/) / Tamarind Bio: AI Infrastructure for Biotech R\&D # 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: ![Tamarind Bio: AI Infrastructure for Biotech R\&D homepage](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Fthumbs%2F101720199.jpg?alt=media) ## Palette - Ground \#FFFFFF \--token-b6e4d4c2-e29d-453b-b71d-2d4d0250949f - Ink \#111111 - Accent on the ground \#5A7D5C - Primary \#CBF2CD - On primary \#0000EE - Secondary accent \#0D585F \--token-84d1fdeb-3862-4f81-b095-e8ab7ad20d2b - Dark \#8F8F8F \--token-fc1e4e52-996a-45b2-a41c-4a28ede9fa6e - Site background \#FFFFFF \--token-b6e4d4c2-e29d-453b-b71d-2d4d0250949f ## 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 ## 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. - 55pxTamarind Bio: AI Infrastructure for Biotech R\&D - 44pxTamarind Bio: AI Infrastructure for Biotech R\&D - 35pxTamarind Bio: AI Infrastructure for Biotech R\&D - 28pxTamarind Bio: AI Infrastructure for Biotech R\&D - 23pxTamarind Bio: AI Infrastructure for Biotech R\&D - 20pxTamarind Bio: AI Infrastructure for Biotech R\&D - 18pxTamarind Bio: AI Infrastructure for Biotech R\&D - 16pxTamarind Bio: AI Infrastructure for Biotech R\&D ## Shape & depth Cards and panels: 6px corners · buttons and chips: 25px. ### Corner radii - 24px used in 4 rules - 2px used in 1 rule - 8px used in 1 rule - 6px used in 1 rule ### Shadows - 0 .602187px .602187px -.5px #00000014,0 2.28853px 2.28853px -1px #0000001a,0 10px 10px -1.5px #0000002e used in 2 rules - 0 .602187px .602187px -.833333px #00000021,0 2.28853px 2.28853px -1.66667px #00000021,0 10px 10px -2.5px #00000021,0 2px 4px #00000040 used in 1 rule 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](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Fmd%2F101720199.md?alt=media). ``` --- 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 ```