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

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

United Nations Day
Sept. 15, 2020 | 0:20
The United Nations is celebrating United Nations Day on October 24th, 2020. The United Nations is an intergovernmental organization that aims to maintain peace and security, develop friendly relations among nations, achieve international cooperation, and be a centre for harmonizing the actions of nations. (U.S. Marine Corps Motion Graphic by Cpl. Jonathan Hodges) ( This product was created using Adobe Photoshop, Adobe After Effects, and Adobe Premiere Pro)

The United Nations is celebrating United Nations Day on October 24th, 2020. The United Nations is an intergovernmental organization that aims to maintain peace and security, develop friendly relations among nations, achieve international cooperation, and be a centre for harmonizing the actions of nations. (U.S. Marine Corps Motion Graphic by Cpl. Jonathan Hodges) ( This product was created using Adobe Photoshop, Adobe After Effects, and Adobe Premiere Pro)

Tags

WorldnationsUnitedNationsUNDayMilitarypeaceorganizationunited

Discover
More Recent

Filter
USO Quantico Gaming Center Grand Opening B-Roll

Feb. 15, 2022 | 8:04

View Video
USO Quantico Gaming Center Grand Opening B-Roll

Feb. 15, 2022 | 8:04

USO Quantico Gaming Center Grand Opening Interviews B-roll

Feb. 15, 2022 | 8:41

View Video
USO Quantico Gaming Center Grand Opening Interviews B-roll

Feb. 15, 2022 | 8:41

United Nations Day

Sept. 15, 2020 | 0:20

View Video
United Nations Day

Sept. 15, 2020 | 0:20

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)