Tenzing Medical LLC design system
tenzingmedical.com
Read from Tenzing Medical LLC's public website by Clinical Terminal. Not reviewed by Tenzing Medical LLC. Copy it and paste it into Claude as inspiration.
Corrections or removal: agent@clinicalterminal.com

Palette
- Ground#FFFFFF
- Ink#111111
- Accent on the ground#00828C
- Primary#14B4BE
- On primary#000000
- Secondary accent#428BCA
- Dark#5A5A5A
- Site background#FFFFFF
Type
Headings
Inter · closest free match for Helvetica Neue
Tenzing Medical LLC at a glance
Body
Inter · closest free match for Helvetica Neue
Clear, readable paragraphs for clinicians, buyers and patients alike.
- 63pxTenzing Medical LLC
- 36pxTenzing Medical LLC
- 30pxTenzing Medical LLC
- 24pxTenzing Medical LLC
- 21pxTenzing Medical LLC
- 18pxTenzing Medical LLC
- 17.5pxTenzing Medical LLC
- 16pxTenzing Medical LLC
Shape & depth
Cards and panels: 4px corners · buttons and chips: 4px.
Corner radii
- 4pxused in 22 rules
- 6pxused in 9 rules
- 3pxused in 7 rules
- 10pxused in 2 rules
- 50%used in 1 rule
- 1pxused in 1 rule
- 15pxused in 1 rule
Shadows
- inset 0 1px 1px rgba(0, 0, 0, .075)used in 8 rules
- inset 0 3px 5px rgba(0, 0, 0, .125)used in 4 rules
- none !importantused in 2 rules
- inset 0 -1px 0 rgba(0, 0, 0, .25)used in 2 rules
- inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)used in 2 rules
- inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168used in 2 rules
Gradients
- linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)used in 15 rules
- linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)used in 2 rules
- linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%)used in 2 rules
- linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)used in 1 rule
- linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%)used in 1 rule
Breakpoints: 480px · 767px · 768px · 992px · 1200px
Voice
Tone: professional. Energy: low. Written for patients and healthcare professionals.
DESIGN.md
The file Copy design system puts on your clipboard. Open the raw file.
--- generator: clinical-terminal-brand-kit company: "Tenzing Medical LLC" domain: "tenzingmedical.com" colors: primary: "#14B4BE" onPrimary: "#000000" dark: "#5A5A5A" accent: "#428BCA" background: "#FFFFFF" ground: mode: light hex: "#FFFFFF" ink: "#111111" accent: "#00828C" fonts: heading: "Inter" body: "Inter" radius: card: "4px" button: "4px" --- # Design System — Tenzing Medical LLC > Read from Tenzing Medical LLC's public website (tenzingmedical.com) by Clinical Terminal. Not reviewed by Tenzing Medical LLC. > Use it as inspiration: borrow the ideas, not Tenzing Medical LLC's name, logo or identity. ## Ground - **Light ground** (#FFFFFF), from Tenzing Medical LLC'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: #00828C** (4.59:1), adjusted from Tenzing Medical LLC's primary #14B4BE so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills. - **Primary #14B4BE** for filled shapes (buttons, chips, bars), with #000000 text on it (8.3:1). - Secondary accent #428BCA: charts and a second data series only. - Quote every hex exactly as written above. ## Type - Headlines: **Inter**. Body: **Inter**. Both on Google Fonts. - Tenzing Medical LLC's site uses Helvetica Neue / Helvetica Neue; these are the closest free look-alikes. ## Shape - Cards and panels: 4px corners. Buttons and chips: 4px. ## Voice - Tone: professional. Energy: low. Written for patients and healthcare professionals. - Headlines are short and concrete. ## Tokens from the site's stylesheets ### Type scale (most-used sizes) `63px` · `36px` · `30px` · `24px` · `21px` · `18px` · `17.5px` · `16px` · `14px` · `13px` · `12px` · `10px` ### Letter-spacing `-1px` (1) ### Corner radii (most-used) `4px` · `6px` · `3px` · `10px` · `50%` · `1px` · `15px` ### Shadows - `inset 0 1px 1px rgba(0, 0, 0, .075)` - `inset 0 3px 5px rgba(0, 0, 0, .125)` - `none !important` - `inset 0 -1px 0 rgba(0, 0, 0, .25)` - `inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)` - `inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168` ### Gradients - `linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)` - `linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)` - `linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%)` - `linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)` - `linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%)` ### Breakpoints 480px · 767px · 768px · 992px · 1200px