Style Guide

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

TABS

Sliders

Latest Tweets

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

01

Scream at Me

U.S. Marine Corps Sgt. Xavier Perez, a drill instructor with Fox Company, 2nd Recruit Training Battalion, Recruit Training Regiment, instructs...

02

260314-M-TC037-1047

U.S. Marines assigned to I Marine Expeditionary Force offload vehicles from the USNS Sgt. William W. Seay during a maritime prepositioning force...

03

260314-M-TC037-1037

U.S. Marines assigned to I Marine Expeditionary Force use a Marine Corps Platform Integration Center tablet and scanner during a maritime...

04

260314-M-TC037-1030

U.S. Marines assigned to I Marine Expeditionary Force conduct a joint limited technical inspection during a maritime prepositioning force offload...

05

260314-M-TC037-1026

U.S. Marines assigned to I Marine Expeditionary Force use a Marine Corps Platform Integration Center tablet to track equipment during a maritime...

06

260314-M-TC037-1025

U.S. Marines assigned to I Marine Expeditionary Force stage vehicles during a maritime prepositioning force offload March 14, 2026, at the Port of...

  • 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

MARFORCOM Regional Field Meet
Aug. 18, 2023 | 4:48
U.S. Marines with Fleet Marine Force, Atlantic, Marine Forces Command, Marine Forces Northern Command (MARFORCOM), Marine Detachment of Naval School of Music, Marine Security Forces Regiment, Marine Air Control Squadron 24, Marine Aviation Training Support Detachment Oceana, 2nd Network Battalion, and Marine Detachment Dam Neck pose for a group photo during a regional field meet at Naval Support Activity Northwest Annex, Chesapeake, Virginia, August 18, 2023. Marines across the various units competed in pugil sticks, ground fighting, JLTV pull, kayak tug-o-war, swimming relay race, obstacle course, and tug-o-war in order to win the command trophy. Marines stationed in the Hampton Roads area competed in the MARFORCOM led regional field meet to increase command cohesion, networking and build comradery. (U.S. Marine Corps video by SSgt. Servante R. Coba)

U.S. Marines with Fleet Marine Force, Atlantic, Marine Forces Command, Marine Forces Northern Command (MARFORCOM), Marine Detachment of Naval School of Music, Marine Security Forces Regiment, Marine Air Control Squadron 24, Marine Aviation Training Support Detachment Oceana, 2nd Network Battalion, and Marine Detachment Dam Neck pose for a group photo during a regional field meet at Naval Support Activity Northwest Annex, Chesapeake, Virginia, August 18, 2023. Marines across the various units competed in pugil sticks, ground fighting, JLTV pull, kayak tug-o-war, swimming relay race, obstacle course, and tug-o-war in order to win the command trophy. Marines stationed in the Hampton Roads area competed in the MARFORCOM led regional field meet to increase command cohesion, networking and build comradery. (U.S. Marine Corps video by SSgt. Servante R. Coba)

Tags

comraderyunit cohesionmarforcomregional field meet

Discover
More Recent

Filter
MARFORCOM Regional Field Meet

Aug. 18, 2023 | 4:48

View Video
MARFORCOM Regional Field Meet

Aug. 18, 2023 | 4:48

MCAS Yuma Relief and Appointment

April 10, 2026 | 3:55

View Video
MCAS Yuma Relief and Appointment

April 10, 2026 | 3:55

Bravo Company Graduation

April 10, 2026 | 0:44

View Video
Bravo Company Graduation

April 10, 2026 | 0:44

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)