Ethos Veterinary Health
Component Library
14 components built from the Figma design system — all using semantic tokens, zero hardcoded values.
Divider
Horizontal
Vertical
Spinner
Light
Dark
Badge
filled
outline
Avatar
Types × Sizes
Status indicators
Checkbox
Interactive
Disabled
Radio
Interactive
Disabled
Toggle
Interactive
Disabled
Input Field
States
This field is required
With icons
Card
Styles
Flat card
Supporting description text
Body content goes here. Replace with your actual content for this card.
Outlined card
Supporting description text
Body content goes here. Replace with your actual content for this card.
With image
Biscuit
Golden Retriever · 3 years · 12.6 kg
Luna
Domestic Shorthair · 5 years
Compound usage
Ethos Patient
Golden Retriever · 3 years
List Item
Variants
Stat Tile
Trends
Weight
vs last visit
Weight
vs last visit
Weight
unchanged
Real-world example
Active patients
+12% this month
Appointments
same as last week
No-shows
improving
Avg wait time
+2 min vs target
Status Row
All statuses
Heart rate
Temperature
Blood pressure
Activity
Pet Profile Header
Default size
Biscuit
Golden Retriever · 3 years · 12.6 kg
DEA 1.1+
Compact with summary
Luna
Border Collie · 5 years · 18.2 kg
Annual wellness visit. Patient is in good health. Weight slightly elevated. Recommend dietary adjustment and follow-up in 3 months.
Ethos Veterinary Health · Figma → Code · 2026