Style Guide

Branding, typography, iconography, components & prototypes for Marines.mil Website Development

TABS

Sliders

  • The twitter componet uses an H2 for the "Latest Tweets" header
  • The body text uses Helvetica 16px
News Slider

01

Resolution Hunter

U.S. Marine Corps Sgt. Samuel Dentchevkruse, right, a native of North Carolina and a network administrator with 5th Air Naval Gunfire Liaison...

02

NMESIS

A Navy-Marine Expeditionary Ship Interdiction System is maneuvered on Camp Hansen, Okinawa, Japan, June 16, 2026. The NMESIS is a ground-based...

03

MADIS

Marine Air Defense Integrated Systems arrive at Kadena Air Base, Okinawa, Japan, June 10, 2026. The MADIS is the U.S. Marine Corps’ advanced mobile...

04

PALS 26: Command Senior Enlisted Leaders Program

Senior enlisted leaders from across the Indo-Pacific pose for a group photo following the Command Senior Enlisted Leaders Program during the...

05

PALS 26: Command Senior Enlisted Leaders Program

Senior enlisted leaders from across the Indo-Pacific pose for a group photo following the Command Senior Enlisted Leaders Program during the...

06

Medal of Honor Induction Ceremony

Secretary of War Pete Hegseth, left, and the 39th Commandant of the Marine Corps, Gen. Eric M. Smith, center, present a Medal of Honor flag to Mr....

  • Most sliders feature the navigation dots to show the user how many items are in feed
  • Sliders utilizing images and news have the additional navigation with the next/previous story arrows
See also Slider and Explore for additional Slideshow layouts

Video

Michael Campofiori | Beating Cancer & Becoming a Marine
Feb. 23, 2019 | 0:56
After battling cancer and fighting for a chance to earn the title, Michael Campofiori finally achieved his goal and became a United States Marine. For a descriptive transcript text document of this production, contact Kim Hardison at kimberly.hardison@usmc.mil.

After battling cancer and fighting for a chance to earn the title, Michael Campofiori finally achieved his goal and became a United States Marine. For a descriptive transcript text document of this production, contact Kim Hardison at kimberly.hardison@usmc.mil.

Tags

cancersickstoryUSASemper Fidelisooh-rahEmper FiMarineMarine CorpsUSMCsickness

Discover
More Recent

Filter
Michael Campofiori | Beating Cancer & Becoming a Marine

Feb. 23, 2019 | 0:56

View Video
Michael Campofiori | Beating Cancer & Becoming a Marine

Feb. 23, 2019 | 0:56

Modernizing Underwater Egress Training; the MUET

June 22, 2026 | 2:24

View Video
Modernizing Underwater Egress Training; the MUET

June 22, 2026 | 2:24

Marines Vs France Finals Match in Norfolk

June 21, 2026 | 2:07

View Video
Marines Vs France Finals Match in Norfolk

June 21, 2026 | 2:07

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Official biographies

 

User Generated CODE (JAVASCRIPT)