Skip to main content

Style Guide

--Note--

  • All module header is optional
  • Any field that you can save without filling out the field is optional
  • Text inside [] braket indicates field title and value

External Link

Internal Link

#1. Accordion List Module

[callout color: blue]

asdfsdf

Test image

Test image 2

#2. Accordion List Module

[border > show border top: true] [border > show border bottom: true] [module color: yellow]

#3. Accordion List Module

[callout > display module with callout: true] [callout color: blue] [callout > variant: right]

info section text

supporting section text

#4. Carousel Module

Carousel Module description

Slide 1 of 4

#5. Carousel Module

[border > show border top: true][border > show border bottom: true][module color: pink]

Slide 1 of 5

#6. Emphasis Link Card Module

Emphasis Link Card Module description - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Emphasis link card module black underline button

#7. Emphasis Link Card Module [border > show border bottom: true][align title: center]

Emphasis Link Card Module description - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Emphasis link card module blue button

#8. Emphasis Link Card Module [callout > display with callout: true][callout > color: orange][callout > variant: bottom]

Emphasis Link Card Module description - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

info section text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Supporting Section Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

#9. Image Cards Module

Image Cards Module 1

Image Cards Module 1 descroption

external link internal link

Image Cards Module 2

Image Cards Module 2 descroption

#10. Image Cards Module [module color: salmon]

Card 1

Card 1 description

Card 2

Card 2 description

#11. Large Text Module [desktop font size: 48px][border > show border top: true]
#12. Large Text Module [desktop font size: 72px][module color: gray]

Swollen Breasts

Swollen breasts can be an alarming experience but there are plenty of normal reasons for your breasts to swell. Menstrual cycle, pregnancy, menopause are some of the natural causes that women experience.
Read article

Why Are Your Ankles Swollen?

When the body holds on to too much fluid, it collects in the legs and ankles due to gravity. Swollen ankles can be caused by pregnancy, heart disease & overuse.
Read article

[Image Position on Desktop and Tablet: Image on left]

Another paragraph paragraph

Laurie is an award-winning health journalist. She has written for The New York Times, numerous national magazines, and leading health websites. She is also the author of several non-fiction health books. Throughout her journalism career, Laurie has been motivated by her desire to advocate for people who are struggling with health issues and to help inspire positive change in healthcare. Her breakthrough articles have shined a light on issues that have been under the radar. Laurie joined Buoy’s editorial team in 2020 and works with our team of doctors to create compelling and accessible content. Laurie earned her BA from Muhlenberg College, and her MA in journalism from New York University.

While our CEO, Andrew, was on rotation during his final year at Harvard Medical School, he saw first-hand how people were misinterpreting their symptoms based on information they had found online. The front door of healthcare, as it's called, was no longer the primary care physician. It was the internet, and it was leading people to make the wrong decisions about their health.

  • While our CEO, Andrew, was on rotation during his final year at Harvard Medical School,
  • He saw first-hand how people were misinterpreting their symptoms based on information they had found online.
  • The front door of healthcare, as it's called, was no longer the primary care physician. It was the internet, and it was leading people to make the wrong decisions about their health.

While our CEO, Andrew, was on rotation during his final year at Harvard Medical School, he saw first-hand how people were misinterpreting their symptoms based on information they had found online. The front door of healthcare, as it's called, was no longer the primary care physician. It was the internet, and it was leading people to make the wrong decisions about their health.

#18. Links List Module

#19. Instagram Feed Module
Button Label

#20. Numbered List With Image Module

1

You could say it started in the ER.

While our CEO, Andrew, was on rotation during his final year at Harvard Medical School, he saw first-hand how people were misinterpreting their symptoms based on information they had found online. The front door of healthcare, as it's called, was no longer the primary care physician. It was the internet, and it was leading people to make the wrong decisions about their health.

$18B

in healthcare savings per year when patients are led to proper care

25%

of cases can be self-treated or treated through teleconsultation

2

You could say it started in the ER.

While our CEO, Andrew, was on rotation during his final year at Harvard Medical School, he saw first-hand how people were misinterpreting their symptoms based on information they had found online. The front door of healthcare, as it's called, was no longer the primary care physician. It was the internet, and it was leading people to make the wrong decisions about their health.

3

You could say it started in the ER.

While our CEO, Andrew, was on rotation during his final year at Harvard Medical School, he saw first-hand how people were misinterpreting their symptoms based on information they had found online. The front door of healthcare, as it's called, was no longer the primary care physician. It was the internet, and it was leading people to make the wrong decisions about their health.

#21. Three Column Info Module

button label for module

Light grey, or clay-colored stool is a symptom of a lack of bile flow into your digestive system, which may be a sign of an obstruction in a bile duct. You should call your doctor or get medical care right away if you notice pale or grey stool.

A brain abscess is a serious infection that causes your brain to swell. It's caused by bacteria getting into your brain, usually from intravenous drug use, recent brain or heart surgery, or chronic sinus infections. A brain abscess can cause many different symptoms, including headaches, fever, speech problems, nausea and vomiting, and even seizures. If you don’t treat it early, it can also cause serious neurological damage.

While red stool may be caused by ingesting certain foods or medications, red stool can indicate an internal problem. Paying attention to other symptoms such as abdominal pain or discomfort and discussing your concerns with a doctor in a timely manner is important.

Blackish or reddish stool may be from too much iron in your diet, or from certain foods. Black stool may also be caused by constipation, which can make stool harder and drier than normal. But sometimes, it’s a sign of internal bleeding and needs immediate attention.

Are you experiencing fatty stools that are hard to flush? Many of us suffer from greasy or fatty stools from time to time. However, persistent oily stool can point to a disorder in the gut, such as pancreatitis, IBS, or gallstones.

If your stool smells worse than usual, it may simply be due to something you ate. But it may be a sign of something more serious, such as irritable bowel disease.

Green poop can be commonly caused by eating certain green foods, an infection that causes diarrhea, bile, or a side effect of medication. In addition, irritable bowel syndrome can cause green poop and stomach pain.

#22. Three Column Info Module

[number options > display number: true][number options > background color: blue][number options > color yellow][content align: center][display in two columns in mobile view: true]

1
Description for Item 1
2
Item 2 - Only button is linked
Description for Item 2

#23. Three Column Info Module

[content align: center] [module color]

#24. Quote Module

attribution

#29. Team List Module

[module color: light blue]

Cory LamzCounsel
Christine CoteHealthcare Innovation
Bobbi WegnerClinical Health Psychology, Stress, Parenting/Modern Families

#30. Text Module [content title: 36px][content font: spectral][content font size :18px]

Buoy Health, Inc. (“Buoy,” “we,” “us,” and “our”) is on a mission to build technology with heart for the health of every person in the world. As part of that mission, we are committed to producing accurate and appropriate content for our users like you.



Buoy strives to provide the most relevant, accurate medical information at the first moment you feel sick. Through Buoy’s chatbot interface that uses artificial intelligence and machine learning, Buoy helps you locate the information you need quickly and with confidence. Buoy leads you to the most appropriate content, including options for the next steps in your journey to better health.

Buoy strives to publish and update information on the Buoy website or any Buoy-hosted site (collectively, the “Buoy Site” or “Site”) consistent with editorial integrity and aligned with only verified and reputable medical information. You can learn more about our Site content and editorial process. At the bottom of this page is important legal information that you should also review while you’re here.

#31. Text Module [content title: 48px][content font: gt eesti pro display][content font size :24px]

Buoy Health, Inc. (“Buoy,” “we,” “us,” and “our”) is on a mission to build technology with heart for the health of every person in the world. As part of that mission, we are committed to producing accurate and appropriate content for our users like you.

Buoy strives to provide the most relevant, accurate medical information at the first moment you feel sick. Through Buoy’s chatbot interface that uses artificial intelligence and machine learning, Buoy helps you locate the information you need quickly and with confidence. Buoy leads you to the most appropriate content, including options for the next steps in your journey to better health.

Buoy strives to publish and update information on the Buoy website or any Buoy-hosted site (collectively, the “Buoy Site” or “Site”) consistent with editorial integrity and aligned with only verified and reputable medical information. You can learn more about our Site content and editorial process. At the bottom of this page is important legal information that you should also review while you’re here.

#32. Text Module [display content in two columns on desktop view: true]

Buoy Health, Inc. (“Buoy,” “we,” “us,” and “our”) is on a mission to build technology with heart for the health of every person in the world. As part of that mission, we are committed to producing accurate and appropriate content for our users like you.

Buoy strives to provide the most relevant, accurate medical information at the first moment you feel sick. Through Buoy’s chatbot interface that uses artificial intelligence and machine learning, Buoy helps you locate the information you need quickly and with confidence. Buoy leads you to the most appropriate content, including options for the next steps in your journey to better health.

Buoy strives to publish and update information on the Buoy website or any Buoy-hosted site (collectively, the “Buoy Site” or “Site”) consistent with editorial integrity and aligned with only verified and reputable medical information. You can learn more about our Site content and editorial process. At the bottom of this page is important legal information that you should also review while you’re here.

#33. Text Module [display title and content in separate columns on desktop view: true]

Buoy Health, Inc. (“Buoy,” “we,” “us,” and “our”) is on a mission to build technology with heart for the health of every person in the world. As part of that mission, we are committed to producing accurate and appropriate content for our users like you.

Buoy strives to provide the most relevant, accurate medical information at the first moment you feel sick. Through Buoy’s chatbot interface that uses artificial intelligence and machine learning, Buoy helps you locate the information you need quickly and with confidence. Buoy leads you to the most appropriate content, including options for the next steps in your journey to better health.

Buoy strives to publish and update information on the Buoy website or any Buoy-hosted site (collectively, the “Buoy Site” or “Site”) consistent with editorial integrity and aligned with only verified and reputable medical information. You can learn more about our Site content and editorial process. At the bottom of this page is important legal information that you should also review while you’re here.

  • Bullet point 1
  • Bullet point 2
    • Nested bullet point

  1. Ordered list item 1
  2. Ordered list item 2
    1. Nested ordered list item 1
    2. Nested ordered list item 2

#34 Callout (This is for preview callout)

callout with info section image, info section text, supporting section image, supporting section text

Callout variant: right

By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)

Info section text

if this field is not filled, it won't show on the app

Supporting section text

if this field is not filled, it won't show on the app

#35 callout (This is for preview callout)

callout with supporting section image, supporting section text

Callout variant: right

display without info section: true

By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)

Supporting Section Text

#36 callout (This is for preview callout)

callout with info section image, supporting section text

Callout variant: left

By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)

Supporting Section Text. Here's a link. If you give us permission, we’ll text to follow up on your health status and how we can be of help.

#37 callout (This is for preview callout)

callout with info section image, supporting section text

Callout variant: bottom

By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)

supporting section text

Here's a link. If you give us permission, we’ll text to follow up on your health status and how we can be of help

#38 callout (This is for preview callout)

callout with info section text, supporting section image

Callout variant: bottom

By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)

Info Section Text. If you give us permission, we’ll text to follow up on your health status and how we can be of help

#39 callout (This is for preview callout)

callout with supporting section image, supporting section text

Callout variant: bottom

display without info section: true

By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)By sharing your story on Buoy, you can help people with similar symptoms know what to expect and how to handle it. Something about a community of reviewers — to encompass all the different kinds of UGC (you’re not alone – hear from others who’ve experienced similar things but not suggested you’ll give guidance, you’re here because other people have felt the same, you can take comfort in knowing there are other people out there like you)

Supporting Section Text

If you give us permission, we’ll text to follow up on your health status and how we can be of help

#41 Three Column Info Module

three column module with 'button', 'module header' and 'module color'

Three column module button
Search for provider
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Get easy access
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Take care of your mental health
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

#42. Job posting module

Job posting module description

bottom description

Care to join our marketplace? We’re ready to talk

Whether you’re an online care solution (digital health, virtual care, etc.), or focus more on in-person care (clinics, practices, etc.), fill out the form below and we’ll get back to you ASAP.

Your details

#44. Logos Module

#45. Logos Module

#46. Four Column Video Module

The Buoy founding story
Learn more about where we came from – and what we stand for.
Accessing Buoy
Buoy exists to change the "Google habit". Here's how.
Our #1 priority
If it sounds serious, we'll tell you ASAP.
What is AI?
Get an overview of Buoy’s artificial intelligence and how it compares to others in the healthcare industry.
#47. Accordion List Module with Blue Accents
#48. Animation And Text Module


Proin fringilla accumsan leo, nec tincidunt urna vulputate quis. Sed suscipit tellus sit amet elit tincidunt volutpat. Vivamus auctor, arcu sit amet pulvinar mollis, mi sapien molestie tortor, eget mollis dui lacus a tellus. Donec viverra luctus vehicula. Proin vitae congue nisi. Suspendisse consectetur nunc ligula, quis suscipit tellus hendrerit id. Integer aliquet erat tempus nulla accumsan consequat. Phasellus vitae elit in odio tincidunt laoreet eleifend et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam sed risus ut massa ultrices sollicitudin non eget velit. Suspendisse vehicula fermentum risus, vitae venenatis ligula efficitur in. Phasellus nec porta lorem. In hac habitasse platea dictumst.

#50. Highlighted Images Module

Ut luctus, felis nec sagittis tristique, felis arcu condimentum lacus, at tristique tortor felis eu purus. Sed semper ut nunc eu consectetur. Vestibulum vel dolor sapien. Donec condimentum ipsum ut venenatis ullamcorper. Ut feugiat volutpat tellus, in efficitur nisi commodo molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nam vitae placerat odio, ac aliquam ex. Sed eget maximus metus. Sed mollis ex sem, ac facilisis dolor dapibus eu. Nam rhoncus, quam sit amet pellentesque auctor, est sapien molestie enim, a venenatis augue mi nec magna.

#51. List Items and Logos Module
List Item 1
List Item 2
List Item 3
#52. Slider Module

Sed id dictum ligula. Etiam id ante suscipit, posuere mauris quis, vestibulum lorem. Integer eleifend rhoncus quam sed finibus. Morbi eu velit eget urna placerat elementum in et mi.

[Label]
#53. Three Column Image / Animation Module

Sed id dictum ligula. Etiam id ante suscipit, posuere mauris quis, vestibulum lorem.

Integer eleifend rhoncus quam sed finibus.

1. Step one
Nam vitae placerat odio, ac aliquam ex.
2. Step two
Sed suscipit tellus sit amet elit tincidunt volutpat.
3. Step three
Vestibulum tortor odio, lobortis fringilla consectetur vitae, pulvinar et leo.
#54. Video and List Items Module
Checkmark Inside Circle.
Module can have multiple list items
Checkmark Inside Circle.
Module icons are checkmarks
Checkmark Inside Circle.
Module can render a video at the top
Video with CTA Module
In hac habitasse platea dictumst. Aenean nec tellus at neque tincidunt vestibulum ac nec mi. Donec elementum nisl vel laoreet posuere.