Living style guide

Design system

Clinical-but-warm: a teal accent over warm neutrals, Geist Sans for UI and Geist Mono for every number. Everything below inherits from the tokens in globals.css.

Color

Warm-neutral surfaces + teal brand + semantic tokens. Toggle the theme (top-right) to check both modes.

background
card
muted
accent
secondary
border
primary
destructive
warning
success
HighModerateLowPreclinicalAnecdotal

Typography

Geist Sans for UI; Geist Mono + tabular numerals for data.

Display / 3xlReconstitution & dosing
Heading / 2xlReconstitution & dosing
Title / xlReconstitution & dosing
Body / baseReconstitution & dosing
Small / smReconstitution & dosing
Caption / xsReconstitution & dosing
Concentration2.50 mg/mLDraw volume0.40 mLSyringe units40 IUDoses / vial12.5

Buttons

Form controls

Inputs and the 44px-target number stepper used by the calculators.

mcg

Results, cards & data

Concentration
2.50mg/mL
Draw volume
0.40mL
Doses / vial
12.5
at 200 mcg per dose
BPC-157
Body-protective compound · 15 aa peptide
PreclinicalMol. wt 1419.5PubChem 108101
Chemical data auto-pulled; mechanism & half-life hand-curated.
StudyModelEvidenceYear
Tendon healingRatPreclinical2011
Gut inflammationRatPreclinical2018
Knee pain (case)HumanAnecdotal2021

Tabs, tooltip & expander

Enter mg + BAC water → get concentration and draw volume.

Disclaimers, citations & ad slots

Research use only

Independent & vendor-neutral. Not medical advice.

Verify your math

Calculator outputs are estimates — double-check before relying on them.
Answer generated from cited sources in the knowledge base. Not individualized advice.

Source: Sikiric et al., 2011 (PubMed)

Toasts