Verily Pre is a platform for teams in health research, care program delivery, and clinical trial management. It brings together a suite of integrated apps that allow professionals to do their jobs efficiently and effectively. A
<style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 22px 24px; /* Increased from 18px to ensure 44px+ height */
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
min-height: 44px; /* Ensure minimum touch target */
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
/* Keyboard focus indicator */
.pre-dropdown summary:focus-visible {
outline: 3px solid #0066cc;
outline-offset: 2px;
}
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
aria-hidden: true; /* Hide decorative icon from screen readers */
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight {
font-weight: 600;
color: #4940B8; /* Darkened from #584FD1 for better contrast (meets 4.5:1) */
}
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary aria-label="Explore and source research data - Click to expand">Explore and
source research data</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Exchange</span> is Verily's data marketplace, where
researchers can find and send data directly to their Workbench workspace for analysis.
This data is generated by Verily and its strategic research partners.
</div>
</details>
</div> <style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 22px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
min-height: 44px;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown summary:focus-visible {
outline: 3px solid #0066cc;
outline-offset: 2px;
}
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #4940B8; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary aria-label="Manage care programs and teams - Click to expand">Manage care
programs and teams</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Care Ops</span> is Verily's care delivery control
center. Providers can act on patient signals and communicate directly with patients,
while care team managers oversee program performance and team capacity.
</div>
</details>
</div> <style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 22px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
min-height: 44px;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown summary:focus-visible {
outline: 3px solid #0066cc;
outline-offset: 2px;
}
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #4940B8; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary aria-label="Manage and optimize studies - Click to expand">Manage and
optimize studies</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Study Ops</span> is Verily's clinical trial control
center. It turns unstructured protocols into a digital blueprint, helping sponsors manage
and optimize trials while enabling sites to stay on schedule, compliant, and on top of
financials, data quality, and recruitment.
</div>
</details>
</div> <style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 22px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
min-height: 44px;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown summary:focus-visible {
outline: 3px solid #0066cc;
outline-offset: 2px;
}
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #4940B8; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary aria-label="Harmonize, curate, and enrich data - Click to expand">Harmonize,
curate, and enrich data</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Refinery</span> is a data workshop for transforming
raw, complex multi-modal health data into research-ready assets. It simplifies data
harmonization and unstructured data curation to make it fit for purpose across research
and care applications.
</div>
</details>
</div> <style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 22px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
min-height: 44px;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown summary:focus-visible {
outline: 3px solid #0066cc;
outline-offset: 2px;
}
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #4940B8; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary aria-label="Develop, test, and launch care programs - Click to
expand">Develop, test, and launch care programs</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Builder</span> is a configuration tool for
cross-functional-teams to develop, test, and publish care and research programs. Care
programs, the plans that define how care is delivered to patients in Verily Me, include
their associated pathways—tasks and activities for patients—like health recommendations,
reminders, and more.
</div>
</details>
</div> <style>
.pre-accordion-wrapper {
font-family: 'Inter', -apple-system, sans-serif;
max-width: 800px;
margin: 16px 0;
padding-bottom: 4px;
}
.pre-dropdown {
border: 1px solid #e0e0e0 !important;
border-radius: 12px !important;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
display: block;
}
.pre-dropdown summary {
list-style: none;
padding: 22px 24px;
cursor: pointer;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
color: #087a6a;
min-height: 44px;
}
.pre-dropdown summary::-webkit-details-marker { display: none; }
.pre-dropdown summary:focus-visible {
outline: 3px solid #0066cc;
outline-offset: 2px;
}
.pre-dropdown:hover {
border-color: #584FD1 !important;
box-shadow: 0 4px 12px rgba(88, 79, 209, 0.08);
}
.pre-dropdown summary::after {
content: '+';
font-size: 22px;
color: #584FD1;
transition: transform 0.3s ease;
}
.pre-dropdown[open] { border-color: #087a6a !important; }
.pre-dropdown[open] summary::after { transform: rotate(45deg); color: #087a6a; }
.pre-dropdown-content {
padding: 24px;
color: #26282e;
line-height: 1.6;
font-size: 16px;
border-left: 8px solid #087a6a;
border-top: 1px solid #f2f2f2;
}
.pre-highlight { font-weight: 600; color: #4940B8; }
</style>
<div class="pre-accordion-wrapper">
<details class="pre-dropdown">
<summary aria-label="Analyze data, generate insights - Click to expand">Analyze data,
generate insights</summary>
<div class="pre-dropdown-content">
<span class="pre-highlight">Workbench</span> is Verily's secure, trusted research
environment for biomedical discovery. It enables teams to organize data into cohorts,
analyze it with cloud-based tools, and generate visualizations in shared workspaces.
</div>
</details>
</div>
