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

Deck By Force

U.S. Marines with 22nd Marine Expeditionary Unit board U.S. Army Vessel Major General Charles P. Gross (LSV-5) while conducting Visit, Board, Search,...

02

Integrated Air Missile Defense Training

U.S. Marines with 3d Marine Division prepare Marine Air Defense Integrated Systems for the Integrated Air Missile Defense training during Exercise...

03

250425-M-FO238-1015

U.S. Marines with 3d Littoral Anti-Air Battalion, 3d Marine Littoral Regiment, 3d Marine Division, prepare a Marine Air Defense Integrated System for...

04

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

05

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

06

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

  • 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

Marines get “Moto-Vated” at Semper Ride
Sept. 8, 2017 | 1:07
Get Moto-Vated!
Semper Ride comes to Marine Corps Air Station Cherry Point to increase riders’ safety and show exciting stunts performed by three professional freestyle motocross riders.
--------------------------------------------
Marine Corps Community Services Cherry Point hosts the Semper Ride event at Marine Corps Air Station Cherry Point, N.C., Sept. 8, 2017. Semper Ride is an event that focuses on improving motorcycle riders’ safety. The event featured classes on topics such as riders’ awareness and decision making, while also providing entertainment with motorcycle stunts performed by three professional freestyle motocross riders. (U.S. Marine Corps video by Pfc. Cody Rowe/Released)

Get Moto-Vated!
Semper Ride comes to Marine Corps Air Station Cherry Point to increase riders’ safety and show exciting stunts performed by three professional freestyle motocross riders.
--------------------------------------------
Marine Corps Community Services Cherry Point hosts the Semper Ride event at Marine Corps Air Station Cherry Point, N.C., Sept. 8, 2017. Semper Ride is an event that focuses on improving motorcycle riders’ safety. The event featured classes on topics such as riders’ awareness and decision making, while also providing entertainment with motorcycle stunts performed by three professional freestyle motocross riders. (U.S. Marine Corps video by Pfc. Cody Rowe/Released)

Tags

Department of Defenseservice membersdemonstrationUSMCmotorcycle safety2nd MAWUnited States Marine CorpsMarine Corps Air Station Cherry Point2nd Marine Aircraft WingciviliansMarinesmotocrossMCAS Cherry Point2D MAWSemper FistuntsUnited States MarinesFreestyle2MAWtricksSafety AwarenessSemper Ride motorcycling the Right Way

Discover
More Recent

Filter
Marines get “Moto-Vated” at Semper Ride

Sept. 8, 2017 | 1:07

View Video
Marines get “Moto-Vated” at Semper Ride

Sept. 8, 2017 | 1:07

PT Session with Sgt. Dakota Meyer

May 6, 2025 | 0:46

View Video
PT Session with Sgt. Dakota Meyer

May 6, 2025 | 0:46

Marine Corps Air Station Iwakuni Friendship Day 2025

May 4, 2025 | 1:35

View Video
Marine Corps Air Station Iwakuni Friendship Day 2025

May 4, 2025 | 1:35

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