# FormaOS

Project Details

Industry

Healthtech

Service

Product Strategy

Role

Design Lead

Year

2025

Project Overview

FormaOS came to us with an ambitious goal: make a medical operating system feel as clear and calm as a consumer product, without losing the rigor clinicians depend on.

We shaped the product strategy from first principles, built a visual language around legibility under pressure, and delivered a system the engineering team could scale across every module.

![FormaOS — case visual 1](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22700%22%20viewBox%3D%220%200%201600%20700%22%3E%3Crect%20width%3D%221600%22%20height%3D%22700%22%20fill%3D%22%23d9dde3%22%2F%3E%3Cg%20filter%3D%22url(%23b)%22%3E%3Cellipse%20cx%3D%221396%22%20cy%3D%22511%22%20rx%3D%22310%22%20ry%3D%22199%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221406%22%20cy%3D%22491%22%20rx%3D%22480%22%20ry%3D%22189%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22410%22%20cy%3D%22351%22%20rx%3D%22644%22%20ry%3D%22155%22%20fill%3D%22%2320242c%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22812%22%20cy%3D%22513%22%20rx%3D%22306%22%20ry%3D%22172%22%20fill%3D%22%2320242c%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221088%22%20cy%3D%22189%22%20rx%3D%22743%22%20ry%3D%22272%22%20fill%3D%22%239aa3b2%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221009%22%20cy%3D%22120%22%20rx%3D%22579%22%20ry%3D%22107%22%20fill%3D%22%239aa3b2%22%20opacity%3D%220.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22145%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

![FormaOS — case visual 2](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22700%22%20viewBox%3D%220%200%201600%20700%22%3E%3Crect%20width%3D%221600%22%20height%3D%22700%22%20fill%3D%22%23cfd4db%22%2F%3E%3Cg%20filter%3D%22url(%23b)%22%3E%3Cellipse%20cx%3D%22940%22%20cy%3D%22440%22%20rx%3D%22556%22%20ry%3D%22165%22%20fill%3D%22%23e8e8e8%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22372%22%20cy%3D%22463%22%20rx%3D%22466%22%20ry%3D%22295%22%20fill%3D%22%23e8e8e8%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221015%22%20cy%3D%22594%22%20rx%3D%22315%22%20ry%3D%22161%22%20fill%3D%22%233a4150%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22798%22%20cy%3D%22214%22%20rx%3D%22381%22%20ry%3D%22178%22%20fill%3D%22%233a4150%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22403%22%20cy%3D%22590%22%20rx%3D%22354%22%20ry%3D%22184%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22436%22%20cy%3D%22239%22%20rx%3D%22658%22%20ry%3D%22152%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22145%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

![FormaOS — case visual 3](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22700%22%20viewBox%3D%220%200%201600%20700%22%3E%3Crect%20width%3D%221600%22%20height%3D%22700%22%20fill%3D%22%2322262e%22%2F%3E%3Cg%20filter%3D%22url(%23b)%22%3E%3Cellipse%20cx%3D%221064%22%20cy%3D%22462%22%20rx%3D%22512%22%20ry%3D%22170%22%20fill%3D%22%233a4150%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22732%22%20cy%3D%22154%22%20rx%3D%22525%22%20ry%3D%22254%22%20fill%3D%22%233a4150%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221171%22%20cy%3D%22489%22%20rx%3D%22703%22%20ry%3D%22210%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221048%22%20cy%3D%22230%22%20rx%3D%22551%22%20ry%3D%22154%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22664%22%20cy%3D%22604%22%20rx%3D%22413%22%20ry%3D%22174%22%20fill%3D%22%23151820%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221191%22%20cy%3D%22586%22%20rx%3D%22667%22%20ry%3D%22266%22%20fill%3D%22%23151820%22%20opacity%3D%220.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22145%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

![FormaOS — case visual 4](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22700%22%20viewBox%3D%220%200%201600%20700%22%3E%3Crect%20width%3D%221600%22%20height%3D%22700%22%20fill%3D%22%23e8ebf0%22%2F%3E%3Cg%20filter%3D%22url(%23b)%22%3E%3Cellipse%20cx%3D%22731%22%20cy%3D%22350%22%20rx%3D%22682%22%20ry%3D%22271%22%20fill%3D%22%239aa3b2%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22777%22%20cy%3D%22352%22%20rx%3D%22698%22%20ry%3D%22300%22%20fill%3D%22%239aa3b2%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22959%22%20cy%3D%22156%22%20rx%3D%22517%22%20ry%3D%22300%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22835%22%20cy%3D%22390%22%20rx%3D%22290%22%20ry%3D%22209%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22637%22%20cy%3D%22552%22%20rx%3D%22434%22%20ry%3D%22120%22%20fill%3D%22%23c4cbd6%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22360%22%20cy%3D%22585%22%20rx%3D%22669%22%20ry%3D%22305%22%20fill%3D%22%23c4cbd6%22%20opacity%3D%220.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22145%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

![FormaOS — case visual 5](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22700%22%20viewBox%3D%220%200%201600%20700%22%3E%3Crect%20width%3D%221600%22%20height%3D%22700%22%20fill%3D%22%231a1e26%22%2F%3E%3Cg%20filter%3D%22url(%23b)%22%3E%3Cellipse%20cx%3D%22518%22%20cy%3D%22602%22%20rx%3D%22760%22%20ry%3D%22154%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22906%22%20cy%3D%22448%22%20rx%3D%22282%22%20ry%3D%22198%22%20fill%3D%22%23ff5a1f%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221164%22%20cy%3D%22488%22%20rx%3D%22558%22%20ry%3D%22237%22%20fill%3D%22%232c3140%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22931%22%20cy%3D%22477%22%20rx%3D%22610%22%20ry%3D%22205%22%20fill%3D%22%232c3140%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22725%22%20cy%3D%22525%22%20rx%3D%22770%22%20ry%3D%22210%22%20fill%3D%22%235b6270%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22271%22%20cy%3D%22533%22%20rx%3D%22685%22%20ry%3D%22143%22%20fill%3D%22%235b6270%22%20opacity%3D%220.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22145%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

![FormaOS — case visual 6](data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22700%22%20viewBox%3D%220%200%201600%20700%22%3E%3Crect%20width%3D%221600%22%20height%3D%22700%22%20fill%3D%22%23d0d5dc%22%2F%3E%3Cg%20filter%3D%22url(%23b)%22%3E%3Cellipse%20cx%3D%221356%22%20cy%3D%22550%22%20rx%3D%22438%22%20ry%3D%22251%22%20fill%3D%22%2320242c%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221344%22%20cy%3D%2296%22%20rx%3D%22639%22%20ry%3D%22228%22%20fill%3D%22%2320242c%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22774%22%20cy%3D%22435%22%20rx%3D%22718%22%20ry%3D%22194%22%20fill%3D%22%238f99a8%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%22426%22%20cy%3D%22480%22%20rx%3D%22392%22%20ry%3D%22131%22%20fill%3D%22%238f99a8%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221058%22%20cy%3D%22475%22%20rx%3D%22552%22%20ry%3D%22151%22%20fill%3D%22%23ff7a45%22%20opacity%3D%220.85%22%2F%3E%3Cellipse%20cx%3D%221187%22%20cy%3D%22551%22%20rx%3D%22430%22%20ry%3D%22227%22%20fill%3D%22%23ff7a45%22%20opacity%3D%220.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22145%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

[←Vanta AI](/works/vanta-ai.md) [Helio Finance→](/works/helio-finance.md)

> 全站页面清单：[/llms.txt](/llms.txt)