Webflow Style Guide

Startuper is our ultimate startup Webflow Template & UI Kit designed for modern tech startups looking to launch an amazing website. It was designed & developed by the BRIX Agency team.

Colors

Primary Colors

Primary 1
#055F5B
Primary 2
#FFD584

Secondary Colors

Secondary 1
#FBF9F8
Secondary 2
#F8EDE3
Secondary 3
#FAF6F1
Secondary 4
#E9F8F7

Neutral Colors

Neutral 800
#292C32
Neutral 700
#494A4D
Neutral 600
#6F7278
Neutral 500
#A0A2A7
Neutral 400
#CACCD1
Neutral 300
#E7E9EE
Neutral 200
#FAFAFC
Neutral 100
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 52px/1.308em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.316em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.091em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.389em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.125em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 15px/1.600em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 18px/1.833em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - 24px/1.583em

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Bibendum est ultricies integer quis. Semper eget duis at tellus.
Figure and Figure Caption

Icons

Icon Fonts

Line icons rounded

Line icons square

Filled icons

Social media icons

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large

Cards

Card Default

Lorem ipsum dolor sit amet consectetur adipiscing elit auctor scelerisque quam id magna risus nisi lectus odio interdum.

Resource Library

Take a deeper dive into Particle Health’s platform.

Visit our blog

Resource Library

Take a deeper dive into Particle Health’s platform.

Visit our blog

Resource type

Visit our blog
Video

Introducing Particle for EHRs

Particle for EHRs is a new administrative API layer that allows electronic health record (EHR) and platform service providers to easily access and exchange patient data for their customers by integrating Particle’s API suite.

White Paper

xCures

How Particle Health enabled a technology platform on a mission to improve cancer outcomes.

Webinar

Particle for EHRs Demo

Particle for EHRs is a new product that lets EHRs and platform service providers integrate Particle’s API results directly in their software with a single API integration.

Video

Particle’s Journey from Access to Insights

Now that we've completed our Series B, our digital health platform is going to grow.

White Paper

Can A Healthcare API Help Virtual First Services Achieve Better Patient Outcomes?

By connecting to a healthcare API, more healthcare innovators are improving clinical outcomes, at scale!

Video

2022 Interoperability Predictions

As we begin the new year, interesting interoperability trends are starting to emerge!

Video

How Particle Works

Particle is building the next era of interoperability with a modern API platform that connects to 270 million+ patient records across the US.

Webinar

101: National Network Data Exchanges

Learn how healthcare organizations can leverage Health Information Networks to scale their data strategy and improve patient outcomes.

Webinar

Integrating clinical data into your workflows with Particle FOCUS

The Particle team talks about how we retrieve and filter specific data elements to power operational and clinical use cases in order to leverage data in a meaningful way for companies and patients.

Webinar

Supercharge Your Clinical Data Searches

Specialty Search is a simple, seamless way to access condition-specific patient records so patients and physicians have actionable information when they need it the most.

Webinar

Particle for EHRs Demo

Particle for EHRs is a new product that lets EHRs and platform service providers integrate Particle’s API results directly in their software with a single API integration.

White Paper

3 Ways to Avoid Preventable Hospitalizations

Heart failure, diabetes, and COPD were noted as the three most common and most expensive reasons for potentially preventable hospitalizations among adults in the US. What exactly causes these hospitalizations and how can they be prevented?

White Paper

2023: State of US Healthcare's National Network Data Exchanges

The scope of Health Information Networks in consolidation has surpassed what most would likely agree is the beginnings of true interoperability.

White Paper

How Particle's Specialty Search Addresses Different Health Conditions

This white paper provides context and insight into Specialty Search, our new and expanded Record Locator Service (RLS) capability.

White Paper

Can A Healthcare API Help Virtual First Services Achieve Better Patient Outcomes?

By connecting to a healthcare API, more healthcare innovators are improving clinical outcomes, at scale!

White Paper

xCures

How Particle Health enabled a technology platform on a mission to improve cancer outcomes.

White Paper

Level the Playing Field for Interoperability With Particle for Platforms

With Particle for Platforms, Particle Health aims to give platform vendors and their clients an onramp to interoperability with a single API to connect to all HINs, along with additional valuable data sources previously unavailable to them.

Video

Who We Are

Particle Health is on a mission to enable simple and secure access to actionable healthcare data for digital health innovators.

Video

How Particle Works

Particle is building the next era of interoperability with a modern API platform that connects to 270 million+ patient records across the US.

Video

2022 Interoperability Predictions

As we begin the new year, interesting interoperability trends are starting to emerge!

Video

Particle’s Journey from Access to Insights

Now that we've completed our Series B, our digital health platform is going to grow.

Video

Introducing Particle for EHRs

Particle for EHRs is a new administrative API layer that allows electronic health record (EHR) and platform service providers to easily access and exchange patient data for their customers by integrating Particle’s API suite.

Video

Our Specialty Search Capability

Specialty Search is a simple, seamless way to access condition-specific patient records from health centers of excellence across the entire country!