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

Setting Up

U.S. Marines with 3d Littoral Anti-Air Battalion, 3d Marine Littoral Regiment, 3d Marine Division, complete a live fire range during the Integrated...

02

Infantry Team Trophy Match

U.S. Marines with the Pacific region's shooting team engage targets as a part of the Infantry Team Trophy Match during the Marine Corps Championships...

03

MADIS Live-Fire

U.S. Marines with 3d Marine Division run to a firing point with a FIM-92 Stinger during a training exercise at Pohakuloa Training Area, Hawaii, Jan....

04

Fire

A Marine Air Defense Integrated System Mk 1 fires upon a small unmanned aircraft system during a training exercise at Pohakuloa Training Area,...

05

250418-M-TE528-1416

U.S. Marine Corps Staff Sgt. Payton Garcia, an expeditionary fuels technician, instructor and competitor with the Marine Corps Shooting Team, Weapons...

06

Assault In Motion

U.S. Marines with 31st Marine Expeditionary Unit (MEU) exit from a U.S. Marine Corps Amphibious Combat Vehicle (ACV) assigned to 31st MEU during 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

MSTEP Program Premieres on Camp Pendleton
Feb. 15, 2018 | 1:28
Camp Pendleton hosted BMW automobile company, in partnership with the Universal Technical Institute for the grand opening of its first Military Service Technician Education Program (MSTEP) workshop here on Camp Pendleton, Calif., February 15, 2018. The program provides service members with deep hands-on interactive training in a workshop environment to assist service members transitioning out of the armed forces to give them a career opportunity in the civilian world. This program serves as a pilot, and if successful, workshops will be placed in numerous military installations across the nation. (U.S. Marine Corps video by LCpl. Dylan Chagnon)

Camp Pendleton hosted BMW automobile company, in partnership with the Universal Technical Institute for the grand opening of its first Military Service Technician Education Program (MSTEP) workshop here on Camp Pendleton, Calif., February 15, 2018. The program provides service members with deep hands-on interactive training in a workshop environment to assist service members transitioning out of the armed forces to give them a career opportunity in the civilian world. This program serves as a pilot, and if successful, workshops will be placed in numerous military installations across the nation. (U.S. Marine Corps video by LCpl. Dylan Chagnon)

Tags

Camp PendletonUSMCtechnicianMCCSBMWmechanicscarsMarinesMCB Camp PendletonMCBAuto Skills CentercpenMCI Westutimstepnci-westmccs auto skills center

Discover
More Recent

Filter
MSTEP Program Premieres on Camp Pendleton

Feb. 15, 2018 | 1:28

View Video
MSTEP Program Premieres on Camp Pendleton

Feb. 15, 2018 | 1:28

Modern Day Marine Day Three Interview Veteran John Canalles

May 1, 2025 | 2:23

View Video
Modern Day Marine Day Three Interview Veteran John Canalles

May 1, 2025 | 2:23

Modern Day Marine 2025 Interview Sgt. Elijah Robbins

May 1, 2025 | 1:31

View Video
Modern Day Marine 2025 Interview Sgt. Elijah Robbins

May 1, 2025 | 1:31

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Bio Photos