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

Windy City Brass

The Quantico Brass Band performs after the closing ceremony for Chicago Marine Week 2025 at the Navy Pier, Chicago, Illinois, July 13, 2025. Marines...

02

Chicago Precision

U.S. Marines with the United States Marine Corps Silent Drill Platoon execute their "double inspection" sequence as a part of a public performance in...

03

Community Cardio

U.S. Marine Corps Lance Cpl. Rafael Garcia, an administrative specialist assigned to Special Purpose Marine Air-Ground Task Force-250, leads a...

04

Marine Week Chicago Closing Ceremony

Brian Hopkins, the 2nd Ward Alderman of Chicago, delivers a speech during the closing ceremony at the Navy Pier for Marine Week Chicago, July 13,...

05

Wish Granted

The U.S. Marine Corps Silent Drill Platoon, assigned to Special Purpose Marine Air-Ground Task Force-250, and Jamaria Peters, a Make-A-Wish...

06

Chicago Precision

U.S. Marines with the United States Marine Corps Silent Drill Platoon execute their "double inspection" sequence as a part of a public performance in...

  • 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

Typhoon Yolanda Commemoration (PH Narration)
Nov. 20, 2014 | 3:26
This video production has been created to highlight the partnership between the Philippines and the United States on the first anniversary of Typhoon Yolanda and Operation Damayan. It will showcase the strong relationship between the two nations, the anniversary of the relief efforts during Operation Damayan and their continued partnership into the future. It is also narrated in Tagalog, the native language of the Philippines. (U.S. Marine Corps Motion Imagery by MCIPAC Combat Camera Sgt. John Lamb/RELEASED)

This video production has been created to highlight the partnership between the Philippines and the United States on the first anniversary of Typhoon Yolanda and Operation Damayan. It will showcase the strong relationship between the two nations, the anniversary of the relief efforts during Operation Damayan and their continued partnership into the future. It is also narrated in Tagalog, the native language of the Philippines. (U.S. Marine Corps Motion Imagery by MCIPAC Combat Camera Sgt. John Lamb/RELEASED)

Tags

III Marine Expeditionary ForcerelationshiptyphoonPHIBLEXarmed forces of the philippinesU.S. Marine CorpsAFPBalikatanPHIII MEF3d Marine Expeditionary Brigade3d MEBYolandaUSMCCOMCAMhaiyanDamayanOperation DamayantaclobanHumanitarian NewsCity of TaclobanOp DamayanPhilippinespartnershipUnited StatesUSMCU.S.

Discover
More Recent

Filter
Typhoon Yolanda Commemoration (PH Narration)

Nov. 20, 2014 | 3:26

View Video
Typhoon Yolanda Commemoration (PH Narration)

Nov. 20, 2014 | 3:26

2025 DoD Warrior Games Day 6

July 17, 2025 | 4:09

View Video
2025 DoD Warrior Games Day 6

July 17, 2025 | 4:09

2025 DoD Warrior Games Day 6

July 17, 2025 | 1:00

View Video
2025 DoD Warrior Games Day 6

July 17, 2025 | 1:00

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)