American Academy of Otolaryngology–Head and Neck Surgery

Web Style Guide

Color Palette

#000000;

#000000;

#000000;

#000000;

#000000;

#000000;

#000000;

Typography

h1

This is an h1.

0

h2

This is an h2.

0

h3

This is an h3.

0

h4

This is an h4.

0

h5

This is an h5.

0

h6

This is an h6.

0

lede

This is lede text. It has more text than most headers do.

0

p

This is paragraph text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

0

a

This is paragraph text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

0

quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

0

caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

0

ul

  • This an unordered list
  • This an unordered list
  • This an unordered list

0

ol

  1. This an ordered list
  2. This an ordered list
  3. This an ordered list

0

2 Column List

Published Clinical Practice Guidelines

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Nibh sit amet commodo nulla facilisi. Adipiscing commodo elit at imperdiet.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3 Column Media

This component allows you to highlight content in a 3 card layout. This is particularly useful when trying to showcase videos or content that is related to each other.

  • Max Section Title Length: 68 Characters
  • Max card Title Length: 68 Characters
  • Max Card Text Length: 174 Characters
  • Photos will shrink to area.
  • Recommended image size 368x264px

Featured Videos

Medical researcher studying test tube

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Attendee in Exhibit Hall

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Accordion

This is a text block. Click the edit button to change this text.

This is a text block. Click the edit button to change this text.

This is a text block. Click the edit button to change this text.

Call-To-Action

When building a page, it is important to give the user a clear next step. Sometimes there will be actions that do not require additional explanation and just need to be presented. That is what this component is for. When you have already been talking about an action you would like the user to take and the benefits of the action, this component can be used at the end of a page to give the user another opportunity to continue.

  • Max Title Length: 64 Characters.
  • Max Button Length: 20 Characters.

Become an Academy Member today!

Divider

Floating CTA & Image Edge w Gray Background

Become an Academy Member today!

Heading – Lorem ipsum dolor sit amet, consectetur adipis

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

HF Committee

Image Edge w/ Gray Background

Heading – Lorem ipsum dolor sit amet, consectetur adipis

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Janice

State Tracker State-mENT Newsletter

ASLP Interstate Compact Issue Brief

Academy State Advocacy Bill Tracking:

State Legislative Tracking Resources:

 

Other State Resources and Links:

  • FindLaw – Access your state’s constitution, administrative codes, bills, and other resources
  • National Conference of State Legislatures – Access legislative information and research on a variety of topics
  • Stateline – Daily news on emerging trends and issues in state policy and politics
  • StateNet – Read Capitol Journal or access session information

Joint Meetings

Since its inception, the AAO-HNSF has cultivated ties to national otolaryngology societies and similar organizations around the world. AAO-HNSF assigns great importance to these relationships, which collectively advance the otolaryngology specialty in ways no one society can achieve alone. Learn more.

Latest Feed

The Latest Feed is very useful when you would like to emphasize the activity and liveliness that is happening at AAO. This list is populated by the CMS and the automatically changing content creates the feeling that you are always doing something.

  • Shows 6 most recent articles by default.
  • Max Title Length: 56 Characters.
  • Max Preview Length: 174 Characters.
  • One Piece of meta data allowed.
  • If either title or preview text is too long text will end in an ellipsis.

The Latest

  • NOSE Study

    DescriptionDisease-specific health status instrument for use in patients with nasal obstructionTargeted AgeAdultsItems (Domains)5 (N/A)Estimated Completion Tim…

  • TO TREAT Study

    Tonsillitis Outcomes: Towards Reaching Evidence in Adults and Tots(closed to enrollment)As part of its commitment to evidence-based medicine, the AAO-HNS Found…

  • PREDICT Quality of Life Study

    Parent Response to Ear Disease in Children with and without Tubes (PREDICT) Quality of Life Research StudyThis multi-institutional study has explored the impac…

  • FLEX FAQ

    What is FLEX?Q: What is FLEX?A: FLEX—Focused Lifelong Education Xperience is the Academy’s new flagship education product that launched in September 2020. FLEX…

  • Position Statement: Ranitidine

    Position Statement

    Recently in September 2019, the U.S. Food and Drug Administration (FDA) announced the discovery of a nitrosamine impurity called N-nitrosodimethylamine (NDMA) …

  • Position Statement: Pediatric Otolaryngology

    Position Statement

    The American Board of Otolaryngology – Head and Neck Surgery (ABOHNS), American Academy of Otolaryngology – Head and Neck Surgery (AAO‐HNS) and the American So…

Media Left & Media Right

The Media Left or Media Right component gives you the ability to introduce a topic and present the user with paths to continue down. This component is very useful on landing pages where you would like to route users to the next action or present a related page. The action should always be in the button and the related content should always be in the link style. When selecting a photo, video or illustration to feature, opt for media that adds context or information to the topic as opposed to something that is more decorative.

  • Max Title Length: 56 characters.
  • Max Character Length: 326 Characters.
  • Max Button/Link Character Length: 20 Characters.
  • Max Number of Buttons/Links: 2.
  • Photos and Illustrations will automatically crop to area using image-fit. Focal point should be in center of image to prevent awkward cropping.

Heading – Lorem ipsum dolor sit amet, consectetur adipis

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Heading – Lorem ipsum dolor sit amet, consectetur adipis

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Number Highlight

Statistics can be very powerful content. They can help to convey size, validity, impact or authority. When selecting statistics to feature, choose a set of numbers that are impressive and clearly relevant to the topic of the page. If the connection feels like a stretch to you, it could feel very distant to a user. Because of the way this component functions, it is recommended that you avoid numbers with decimal.

  • Max Title Length: 56 Characters.
  • Max Description Length/Per Stat: 48 Characters.
  • Any prefix or suffix is allowed but avoid using decimals.Recommended/Max Number of Stats: 3/9.
By The Numbers

Donated in 2020 towards humanitarian efforts

Donated in 2020 towards humanitarian efforts

Donated in 2020 towards humanitarian efforts

Register today

Register for the Annual Meeting & OTO Experience Today!

Spotlight Row - Media Left

Featured

Academy U

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Spotlight Row - Media Right

Featured

Academy U

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Tabs

The Tabs component should be used to showcase sections of a topic. There are no areas for defined calls to actions, so you should avoid using it to step the user through a process or present options. This is a very exploratory component and is great for places on the website where a user might be willing to take their time and look around.

  • Max Title Length: 56 Characters.
  • Max Description Length: 332 Characters.
  • Max Number of Tabs: 4.

We help our members achieve excellence and provide the best ear, nose, and throat care through professional and public education, research, and health policy advocacy.

The global leader in optimizing quality ear, nose, and throat patient care.

Topic Navigation

This component is great for highlighting deeper sections of the website. All of the buttons should link to pages in the same section and the photo or illustration should add context or information to the topic as opposed to being decorative.

  • Content is manually inputed.
  • Max Title Length: 56 Characters.
  • Max Character Length: 232 Characters.
  • Max Button Length: 56 Characters.
  • Min/Max Number of Links: 2/8.
  • Must have photography or associated imagery.
  • Photos and Illustrations will automatically crop to area using image-fit. Focal point should be in center of image to prevent awkward cropping.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Topics Icons

The Reg-ent registry harnesses the power of data to guide the best ENT care. Reg-ent, focused on quality improvement and patient outcomes, is an essential tool to advance outcomes in the specialty. Learn more about the value of Reg-ent and how you can support the specialty.

Research & Clinical Studies

Patient Outcomes

Quality

Public Reporting

Product Surveillance

Continuing Certification

Two Column Content

WYSIWYG

WYSIWYG stands for “What You See Is What You Get.” Think of this component like a Word Document or a Google Document. It is great when you need to present larger sections of text (anything over a single paragraph) that would benefit from styles. You will be able to add or create:

  • Headings (H2-H6)
  • Bold Text
  • Italic Text
  • Embedded Images (Align Left, Right and Center)
  • Buttons
  • Links
  • Ordered Lists (Numbered)
  • Unordered Lists (Bullets)
  • Pull Quotes

Registry Participation Requirements

Participation in the Reg-ent registry is open to active AAO-HNS members and their practices. The ability to participate in Reg-ent, the only otolaryngology-specific clinical data registry, is an exclusive benefit of AAO-HNS membership.

Registry Participation Requirements

Participation in the Reg-ent registry is open to active AAO-HNS members and their practices. The ability to participate in Reg-ent, the only otolaryngology-specific clinical data registry, is an exclusive benefit of AAO-HNS membership.

Participation in the Reg-ent registry is open to active AAO-HNS members and their practices. The ability to participate in Reg-ent, the only otolaryngology-specific clinical data registry, is an exclusive benefit of AAO-HNS membership.

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

Participation in the Reg-ent registry is open to active AAO-HNS members and their practices. The ability to participate in Reg-ent, the only otolaryngology-specific clinical data registry, is an exclusive benefit of AAO-HNS membership.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

First and Last Name, Director of Digitial

Participation in the Reg-ent registry is open to active AAO-HNS members and their practices. The ability to participate in Reg-ent, the only otolaryngology-specific clinical data registry, is an exclusive benefit of AAO-HNS membership.

Ways to Get Involved

guide

State Tracker State-mENT Newsletter

ASLP Interstate Compact Issue Brief

Academy State Advocacy Bill Tracking:

State Legislative Tracking Resources:

 

Other State Resources and Links:

  • FindLaw – Access your state’s constitution, administrative codes, bills, and other resources
  • National Conference of State Legislatures – Access legislative information and research on a variety of topics
  • Stateline – Daily news on emerging trends and issues in state policy and politics
  • StateNet – Read Capitol Journal or access session information

test

AAO-HNS COVID-19 InformationLearn More