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

Service Level Training Exercise

U.S. Marines with 2d Reconnaissance Battalion, 2d Marine Division conduct a freefall jump off a C-130 Hercules during Service Level Training Exercise...

02

2d Recon Bn Free Fall

U.S. Marines with 2d Reconnaissance Battalion, 2d Marine Division stage themselves before a freefall jump during Service Level Training Exercise...

03

250717-M-AV740-7542

Todd Towles, team lead for Clothing and Equipment, Combat Service Support Equipment (CSSE), and Trevor Scott, mechanical engineer and product manager...

04

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...

05

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...

06

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...

  • 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

Cyber Terrorism Awareness
Aug. 12, 2020 | 0:39
August is ‘Anti-Terrorism’ awareness month, dedicated to bringing awareness to the threat and effects of terrorism; cyber terrorism is the politically motivated use of computers and information technology to cause severe disruption or widespread fear in society. The U.S. Marine Corps operates to defend networks systems and the information environment against terrorism while building domestic and international support, potentially affecting adversarial audiences to create favorable conditions. (U.S. Marine Corps Motion Graphic by Pfc. Kellen Medina) (This product was created using Adobe After Effects and Adobe Premiere)

August is ‘Anti-Terrorism’ awareness month, dedicated to bringing awareness to the threat and effects of terrorism; cyber terrorism is the politically motivated use of computers and information technology to cause severe disruption or widespread fear in society. The U.S. Marine Corps operates to defend networks systems and the information environment against terrorism while building domestic and international support, potentially affecting adversarial audiences to create favorable conditions. (U.S. Marine Corps Motion Graphic by Pfc. Kellen Medina) (This product was created using Adobe After Effects and Adobe Premiere)

Tags

AugustCyberterrorismantiterrorismmonthMarinesUSMCcomputers

Discover
More Recent

Filter
Cyber Terrorism Awareness

Aug. 12, 2020 | 0:39

View Video
Cyber Terrorism Awareness

Aug. 12, 2020 | 0:39

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)