Style Guide: Page Standards
These are examples of various headers available on Pfizer.com.
This is an H1 Header
This is an H2 Header
This is an H3 Header
This is an H4 Header
This is an H5 Header
This is an H6 Header
This is an example of a standard paragraph: 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Quote Module
The quote module is designed to highlight notable quotes within your content. It allows you to feature quotes prominently and should include an accompanying image for visual appeal.
- Choose an image that complements the quote and adds visual interest
- Ensure the image is relevant and of high quality
- The Author's name and title are also required for this module.
Because societal stigma can deter patients with obesity from seeking help, Pfizer aims to help educate the public about what scientists believe may be the causes of obesity and the challenges patients face.
Breakout Box Example
Use this module when trying to highlight important information within the body of your text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed augue lacus viverra vitae congue eu consequat. Iaculis nunc sed augue lacus viverra. Sed tempus urna et pharetra. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae semper. Pretium vulputate sapien nec sagittis aliquam malesuada. Aliquet eget sit amet tellus. Quis enim lobortis scelerisque fermentum dui faucibus. Euismod in pellentesque massa placerat duis ultricies lacus sed turpis. Pulvinar elementum integer enim neque. Turpis egestas sed tempus urna et pharetra pharetra massa.
Sit amet tellus cras adipiscing enim eu turpis egestas. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Porttitor leo a diam sollicitudin tempor id eu nisl nunc. Sed sed risus pretium quam vulputate dignissim suspendisse in. Blandit turpis cursus in hac habitasse. Massa eget egestas purus viverra accumsan in nisl. Euismod elementum nisi quis eleifend quam adipiscing vitae proin. Ac felis donec et odio pellentesque diam volutpat commodo sed. Eget mi proin sed libero enim sed faucibus turpis. In metus vulputate eu scelerisque felis imperdiet proin. Lectus arcu bibendum at varius vel pharetra vel. Molestie a iaculis at erat pellentesque.Vel eros donec ac odio tempor orci dapibus. Urna et pharetra pharetra massa massa ultricies mi. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Varius vel pharetra vel turpis nunc eget lorem dolor. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim. Donec ultrices tincidunt arcu non. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem. Elementum nisi quis eleifend quam adipiscing. Est ultricies integer quis auctor elit. Sed sed risus pretium quam vulputate dignissim suspendisse. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc vel. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Sagittis id consectetur purus ut faucibus pulvinar. Enim sit amet venenatis urna cursus. Rhoncus urna neque viverra justo nec ultrices dui sapien. Pretium aenean pharetra magna ac placerat. Et tortor consequat id porta. Tellus cras adipiscing enim eu turpis egestas pretium aenean pharetra.
Image Alignment Examples
When trying to highlight images (left, center, right) within the body of your text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh nisl condimentum id venenatis. Suscipit adipiscing bibendum est ultricies integer quis auctor. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Cursus turpis massa tincidunt dui ut ornare lectus sit. Arcu cursus euismod quis viverra nibh cras pulvinar. Sed sed risus pretium quam vulputate. Eu lobortis elementum nibh tellus molestie. Pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Nulla aliquet enim tortor at auctor urna nunc. Malesuada pellentesque elit eget gravida cum sociis natoque penatibus. Nisl purus in mollis nunc. Viverra aliquet eget sit amet.
Dictum sit amet justo donec enim diam vulputate ut. Neque viverra justo nec ultrices dui. Est ante in nibh mauris cursus mattis molestie a iaculis. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Habitant morbi tristique senectus et netus et malesuada fames. Enim lobortis scelerisque fermentum dui faucibus in ornare quam. Aliquam ut porttitor leo a diam. Nisi porta lorem mollis aliquam. Faucibus purus in massa tempor nec feugiat. Odio pellentesque diam volutpat commodo sed egestas. Proin fermentum leo vel orci porta non pulvinar.
Faucibus ornare suspendisse sed nisi lacus. Pretium lectus quam id leo in vitae turpis massa. Mauris a diam maecenas sed. At varius vel pharetra vel turpis nunc eget. In mollis nunc sed id semper. Ac felis donec et odio. Diam in arcu cursus euismod quis viverra nibh. Phasellus vestibulum lorem sed risus ultricies tristique. Vitae aliquet nec ullamcorper sit. Faucibus et molestie ac feugiat sed. Blandit cursus risus at ultrices mi tempus imperdiet. Eu volutpat odio facilisis mauris sit amet massa vitae. Nunc aliquet bibendum enim facilisis gravida. Quam nulla porttitor massa id neque aliquam vestibulum morbi.
Expandable Content
The expandable content section is useful for information in FAQ format or where key topics can be highlighted. You can see specific live examples within our Rare Diseases pages. Standard markup is allowed within this section.
FAQ Test
- FAQ Sample question one
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- FAQ Sample question two
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- FAQ Sample question three
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Related Articles
Use the Related Articles section to highlight specific Hot Topic articles that you would want to feature within the body of your page. There is a minimum requirement of 3 Featured Articles in order to use this section.
Four Things to Know About Vaccination During Pregnancy
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor orci dapibus ultrices in iaculis nunc sed augue.
Call-to-action link
Hope in Translation: Bringing Gene Therapy to the Clinic
Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Vel pretium lectus quam id leo in. Nunc sed blandit libero volutpat sed cras ornare arcu dui.
Call-to-action link
Going the Distance: Improving Access to Crucial Medicines via Drone Delivery
Mi ipsum faucibus vitae aliquet nec ullamcorper. Eu augue ut lectus arcu bibendum. Mi quis hendrerit dolor magna eget. Cursus metus aliquam eleifend mi.
Call-to-action link
Helping to Protect Babies in Underserved Communities in the United States
Et malesuada fames ac turpis. Molestie nunc non blandit massa enim nec dui. Convallis posuere morbi leo urna molestie. Sit amet risus nullam eget felis eget nunc lobortis.
Call-to-action link
Person Content
The Person View can be used to highlight biographies of leaders and team members.
The following rules apply:
- Images must be:
- High resolution
- Uncropped
- Landscape orientation (portrait orientation requires extensive image manipulation on our end and will affect quality)
- All images must contain a white background for consistency across the site (example: Link 1).
- Individuals can only have 1 biography. If an individual is highlighted in more than one area (example: scientist and board member) then please ensure the person's bio reflects this properly.
- Each person requires: Full name, title, image and biography
Senior Vice President of Executive Operations and Chief of Staff and Counsel to the Chairman and CEO
Senior Vice President of Executive Operations and Chief of Staff and Counsel to the Chairman and CEO
Senior Vice President of Executive Operations and Chief of Staff and Counsel to the Chairman and CEO
Senior Vice President of Executive Operations and Chief of Staff and Counsel to the Chairman and CEO
Brightcove Video Layouts
Our Brightcove capabilities include Gallery Experiences for single and multi-video interfaces. We are also capable of displaying YouTube videos in any gallery as long as they are published within the Pfizer YouTube channel and are not unlisted/private.
Horizontal Playlist Example
Live production examples: Link 1
When to use: Multiple videos that are connected by theme or category.
Grid Playlist Example
Live production examples: Link 1
When to use: Multiple videos that are connected by theme or category and where space utilization on the screen is a concern. Smaller grid footprint allows for several combinations of grids (2 column/3 column layouts) and multiple rows.
Single Video Example
Live production examples: Link 1
When to use: Single video presentation.
Two-Column Wrapper (Two-Column Links)
Listed below are examples on how our two-column wrapper component/module is used in various ways.
When to use:
- Highlight an image with quotation or link to a resource.
- Highlight important text with associated links to pages (internal/external), documents, etc.
"Our postdoctoral fellowship training program focuses on cutting-edge science and technologies that aim to create a knowledge base that will allow us to develop the medicines of the future. Our program provides a unique opportunity for promising scientists to publish breakthrough discoveries that directly impact Pfizer’s next generation therapeutics. Trainees are encouraged to pursue independent research and obtain first-hand knowledge of the drug development process which will help guide their career development in translating basic research into the best medicines imaginable for patients. Importantly, trainees are exposed to all aspects of the pharmaceutical industry and are mentored by scientific leaders in drug discovery, development, and all areas of the business."
- Seng Cheng, Sr. Vice President & Chief Scientific Officer, Rare Disease Research Unit; Postdoc Program Sponsor
What have you heard about health literacy?
Do you ever have questions on how to safely take your medicines?
Medication errors can happen in clinics and hospitals, pharmacies, and at home. Patients and healthcare providers, however, can work together to help prevent these errors.
Our Responsibility
Our unique resources allow us to do more for people. Using our global presence and scale, we’re able to make a difference in local communities and the world around us.
- Corporate Compliance
Our Compliance Program represents a shared undertaking from the highest levels of management to the most junior employees.
- EHS Governance
We integrate environment, health, and safety (EHS) into how we run our business to ensure that management of risk and regulatory compliance are overseen at the highest levels of the company. With our EHS Policy as the foundation, implementation of Pfizer's EHS Standards and Audit programs establish the performance expectations for colleagues around the world. Each Pfizer colleague plays a crucial role in facilitating a culture of EHS excellence where all improvements, ideas, and opportunities are welcomed. Our governance framework and culture provide the basis for proactive engagement and shared accountability of EHS across our operations.
- EHS Supply Chain
A network of external suppliers is essential to enable manufacture of medicines and vaccines that deliver breakthroughs that change patients’ lives. Pfizer’s supply chain supports the research, development and manufacturing process by providing flexibility and access to technologies necessary to meet our commitment to patients We are committed to using suppliers that demonstrate strong performance in Environment, Health, and Safety (EHS) management.
- Environmental Sustainability
We recognize that environmental issues can result in profound societal and public health impacts.. Our company purpose—Breakthroughs that change patients’ lives—guides our environmental sustainability priorities, with a focus on climate impact mitigation, conservation of resources, and the reduction of waste arising from our operations.
- Facility Investments
We continue to invest in the groundbreaking science and technology needed to discover tomorrow’s life-saving treatments for patients who need them the most. Our research, development, and manufacturing facilities across the country are fostering next-generation healthcare innovation while creating 30,000 U.S.-based jobs.
- Global Impact
All patients should have access to the medicines they need. Through our partnerships with global health institutions and implementation of novel pricing structures–including donations where appropriate–we blend philanthropy and business approaches to increase access to our medicines and vaccines where they’re needed most.
Multicultural Health Equity Collective
Innovation in Medicine Delivery
- Health Safety
We deliver scientific breakthroughs through the relentless collaboration of our talented workforce. Therefore, ensuring the health, safety and well-being of our workforce is critical to delivering our purpose. We continue to advance a comprehensive occupational injury and illness prevention program that enables engagement and productivity.
- Human Rights
We’re committed to conducting business in an ethical and responsible manner. This includes respecting internationally recognized human rights throughout our operations.
- Intellectual Property
The Intellectual Property Principles for Advancing Cures and Therapies (IP PACT) is a groundbreaking, unified declaration of 10 key Intellectual Property (IP) principles. Driven by members of the innovative biopharmaceutical industry, it affirms our strong commitment to innovation and to keeping the needs of patients at the heart of our IP practice
Featured Article
Chasing a Cure for NASH
You already know that overloading on sweets can lead to diabetes, but it's also driving a silent epidemic: NASH, or non-alcoholic steatohepatitis, which is a severe form of fatty liver disease that's caused by lifestyle factors such as eating too much sugar and not getting enough exercise.
Learn About NASH DetailsQuick Tabs
Listed below are examples of the quick tab component/module.
- Vertical layout
- Horizontal layout
When to use: To highlight content/information in a centralized section in tab form to reduce scrolling on the page. Images or infographics can be placed here as well. Two layout options are available.
Acromegaly is a chronic, rare disease associated with excess growth hormone secretion. It causes overgrowth of body tissues and, if untreated, can lead to secondary problems such as hypertension and heart failure.
Failure to receive adequate medical treatment for this condition can reduce life expectancy by 10 years.
Gaucher (go-SHAY) disease is a rare, inherited condition in which fatty deposits accumulate in critical organs and body systems, causing damage.
The disease is caused by genetic mutations received from both parents.
Growth hormone deficiency (also known as dwarfism) is a growth disease associated with inadequate secretion of growth hormone from the pituitary gland, the "master gland" in the brain.
Children with this disease have abnormally short stature with normal body proportions.
Hemophilia is a rare hematological (blood) disease that has been one of our key areas of focus for more than 30 years. Significant progress has been made in the treatment of hemophilia.
Prior to the 1960s, average life expectancy of a male with severe hemophilia was 12 years of age.
Today, hemophilia patients who receive treatment can expect to live relatively active and long lives.
However, we believe more can be done to improve treatment for these patients and we are making progress with pioneering approaches to treat the full spectrum of the disease.
Learn About Hemophilia
Sickle cell disease is a rare hematological condition that results in misshapen red blood cells, which can block the flow of blood through the body. (Sickle cell anemia is one of the conditions grouped under this disorder.)
Sickle cell disease can cause intense pain, as well as problems such as stroke, acute chest syndrome, joint damage, kidney issues, and occasionally heart problems.
Transthyretin Amyloid Cardiomyopathy (ATTR-CM) is a rare but life-threatening condition that affects the heart and is associated with heart failure.
ATTR-CM is characterized by the build-up of transthyretin amyloid in the heart, which causes the heart muscle to stiffen over time, eventually leading to heart failure.
Symptoms of ATTR-CM often mimic those of other more common heart conditions, resulting in the disease being significantly underdiagnosed. Education, awareness, and treatment are critical to improving the diagnosis and care of people affected by ATTR-CM.
Transthyretin Amyloid Polyneuropathy (ATTR-PN) is a rare, progressive, and fatal neurodegenerative disease, which causes an abnormal build-up of amyloid deposits in the peripheral and autonomic nerves, leading to symptoms such as numbness in the feet, dizziness or fainting, abnormal heartbeat, and unintentional weight loss.
ATTR-PN can be difficult to recognize and manage. Misdiagnosis is common and definitive diagnosis can be delayed for years, postponing adequate treatment and genetic counseling, and leading to possible irreversible damage.
Bladder cancer is the 6th most common cancer in the U.S. In 2024, an estimated 80,000 new cases of bladder cancer will be diagnosed in the U.S. Men are four times more likely to be diagnosed with bladder cancer than women. Though the rates of both new bladder cancers and deaths from bladder cancer have been dropping in recent years, many people still face cancer progression and advanced bladder cancer is a common cause of cancer-related death.
Worldwide, breast cancer is the most common invasive cancer, with more than 2.2 million impacted annually. Metastatic breast cancer (mBC), the most advanced stage of breast cancer in which the cancer has spread beyond the breast to other parts of the body (i.e., organs, bones), remains an incurable disease. As a result of earlier screening, increased awareness, and better treatments, breast cancer deaths have continued to decrease in older women. From 2013 to 2018, the death rate went down by 1% per year.
Cervical cancer begins in the cervix, which is found in the lower part of the uterus that connects to the vagina. In 2024, an estimated over 13,000 new cases of cervical cancer will be diagnosed in the U.S. Despite advances in vaccination and preventative screening practices, approximately 15% of patients present with metastatic disease at diagnosis. Among patients with initial diagnosis of early-stage disease, up to 61% will recur. Recurrent or metastatic cervical cancer is a devastating and mostly incurable disease with an urgent need for more treatment options. Patients who experience disease progression on or after first-line systemic therapy have limited effective therapy choices.
Worldwide, colorectal cancer is the third most common type of cancer in men, and the second most common in women, with approximately 1.8 million new diagnoses in 2018. In the U.S. alone, an estimated 147,950 people will be diagnosed with cancer of the colon or rectum in 2020, and approximately 53,000 are estimated to die of their disease each year.
Head and neck cancers occur in the larynx, throat, lips, mouth, nose, and salivary glands. About 4% of all cancers in the U.S. are head and neck cancers. These cancers are more than twice as common among men than among women. In 2023, an estimated over 65,000 new cases of head and neck cancer were diagnosed in the U.S. There is a high need for additional effective treatment options for head and neck cancers.
Blood cancers strike ruthlessly at any age. Some come fast and take lives within weeks or months. Others develop in the bones and blood over time, requiring intense and aggressive treatment interventions that are traumatic, emotionally overwhelming, and expensive. More than 1 million people worldwide were diagnosed with a blood cancer in 2020, representing almost 6% of all cancer diagnoses globally. In 2020, more than 700,000 people worldwide died from a form of blood cancer.
Lung cancer remains the leading cause of cancer-related death among men and women globally, and the global five-year survival rate at 17.8 percent is much lower than leading cancers. Lung cancer is notoriously difficult to treat due to the heterogeneous nature of the disease, variability in testing rates and the onset of drug resistance. These challenges necessitate an individualized approach to treatment, ensuring people with lung cancer receive the right drug at the right time.
Though melanoma skin cancer is much less common (1%) than some other types of skin cancers, it causes the vast majority of skin cancer deaths. It is considered more dangerous because it’s much more likely to invade nearby tissue and spread to other parts of the body if not caught and treated early when it is most likely to be cured.
Prostate cancer is the most common cancer in men in the U.S., aside from non-melanoma skin cancer, and is a leading cause of death from cancer. About 1 in 8 men will be diagnosed with prostate cancer in their lifetimes. Black men are 70% more likely than White men to be diagnosed with prostate cancer. In 2024, an estimated 300,000 new cases of prostate cancer will be diagnosed in the U.S. Though the death rate had been improving, lately this trend has slowed. This change is likely from an increase in later-stage diagnoses that are more difficult to treat.
Featured Slider
Listed below is an example of our featured slider component/module.
When to use: Instead of static tiles on a page which can make it long if there are too many, the slider feature can be used.
Icon Link Tile
Listed below is an example of our icon link tile component/module.
When to use: Instead of images/photos used to navigate to a page or link to a document, icons can be used and made clickable.
Image Gallery
The Gallery can be used to display images and thumbnails within the body of your page. Allows for scrolling of images/thumbnails. Clicking on the image will open the image in its native resolution.
The following rules apply:
- Images must be high resolution and quality.
- Images should be the same size and orientation. The image gallery will work with images of varying sizes but the shift in controls and placement of text will change, reducing overall user experience.
- There is no upper limit to how many images you can include.
- Text should be included for each image. This allows for context of what we're looking at and provides some SEO value and page ranking.
Short description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Full description: 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Short description
Short description
Short description
Short description
Short description
Short description
Short description
Short description
Short description
Short description
Maps Feature
Displayed below is our maps feature component which uses the Google Maps API for styling. The same component can also be used to display as a slider view for each location type that was created.
Location Type (Slider View)
Test Area
Two-column wrapper 50:50
The Art of Creating New Medicines
Scientists are often lauded for their objectivity, persistence, and analytic thinking. But great scientists have something else in common: they think like artists. And for those who create life-changing medicines, their process is as much an art form as a science.
Go Behind the Science DetailsTwo-column wrapper 60:40
The Art of Creating New Medicines
Scientists are often lauded for their objectivity, persistence, and analytic thinking. But great scientists have something else in common: they think like artists. And for those who create life-changing medicines, their process is as much an art form as a science.
Go Behind the Science DetailsSVG Pixel Perfect Logo Paint Animation(Experimental)
Niamh's Test Video Block