Image coming soonPhotography will be added when a suitable image is available.
Development UI
Internal review
Design system
Reusable visual language for the BIOMED website. This route is for foundation review and is not part of the public marketing homepage.
Buttons
Colour and type
Navy (primary)
Teal / medical-green (accent)
Teal — on dark
Cool white (paper)
Very light blue-gray (mist)
Slate (ink-muted)
Headings use IBM Plex Sans with controlled scale. Body text is set for long product copy and institutional reading, not oversized startup headlines.
Cards and badges
Accent
Section card
Used for contact details, supporting information and compact content blocks.
Neutral
Controlled radius
Borders stay tight. Shadows are subtle and only appear on hover where they help scan a grid.
Pending
Status language
Warning badges are reserved for development or unverified image states, not decorative chips.
Product card architecture
The card below is development UI only. It is not a BIOMED product and uses the pending-image placeholder.
Category card
Hospital Equipment
Equipment used across hospital wards and clinical departments.
Image placeholder
Image coming soonProduct photography will be updated after confirmation.
Form controls
States
Empty state
Used when a catalogue, brand list or search result has nothing to show yet.
Loading state
Used for pending fetches.
Error state
Used for failed or unconnected actions. Success is never implied.
Pagination