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

Dry Fire Training

U.S. Marine Corps Sgt. Dawson Dauzat operates an M142 High Mobility Artillery Rocket System during a field training exercise at Combined Arms...

02

250608-M-AO948-1230

U.S. Marines execute M142 High Mobility Artillery Rocket System dry-fire missions during a training exercise at Combined Arms Training Center Camp...

03

Setting Security

U.S. Marines with 2nd Battalion, 1st Marine Regiment, Marine Rotational Force – Darwin 25.3, I Marine Expeditionary Force Forward, and Philippine...

04

KAMANDAG 9

U.S. Marines with Marine Rotational Force – Darwin 25.3, I Marine Expeditionary Force Forward, patrol during KAMANDAG 9 at Oyster Bay, Palawan,...

05

Espirit Forge

U.S. Marine Corps recruits with Delta Company, 1st Recruit Training Battalion, participate in a pugil sticks training event at Marine Corps Recruit...

06

Inventory Check

U.S. Marine Corps Lance Cpl. Leonardo Valadezayala, an inventory management specialist with 2nd Combat Readiness Regiment, 2nd Marine Logistics...

  • 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

F-35 Lightning II jets to MCAS Miramar in 2020
March 22, 2018 | 0:39
Military leaders host a groundbreaking ceremony for the construction of an F-35 Lightning II hangar at Marine Corps Air Station Miramar, Calif., March 16. These were the first two of nine military construction projects supporting the arrival of the F-35 to MCAS Miramar in 2020. (U.S. Marine Corps video by Cpl. Jake M.T. McClung/Released)

Military leaders host a groundbreaking ceremony for the construction of an F-35 Lightning II hangar at Marine Corps Air Station Miramar, Calif., March 16. These were the first two of nine military construction projects supporting the arrival of the F-35 to MCAS Miramar in 2020. (U.S. Marine Corps video by Cpl. Jake M.T. McClung/Released)

Tags

Tags

Discover
More Recent

Filter
F-35 Lightning II jets to MCAS Miramar in 2020

March 22, 2018 | 0:39

View Video
F-35 Lightning II jets to MCAS Miramar in 2020

March 22, 2018 | 0:39

31 Seconds with 31st MEU | VMFA-242 82nd Birthday

June 29, 2025 | 0:31

View Video
31 Seconds with 31st MEU | VMFA-242 82nd Birthday

June 29, 2025 | 0:31

31st MEU | Visit, Board, Search, and Seizure exercise

June 27, 2025 | 2:26

View Video
31st MEU | Visit, Board, Search, and Seizure exercise

June 27, 2025 | 2:26

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)