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

All Together Now

U.S. Marines with Marine Forces Command and soldiers with the United Arab Emirates Armed Forces conduct room clearing procedures during exercise...

02

Speaking With The Command

U.S. Marine Corps Master Gunnery Sgt. Michelle Rich-Peoples, an aviation supply chief with Marine Aviation Logistics Squadron 36, Marine Aircraft...

03

Bursting Bomb

Marines with the Silent Drill Platoon execute their “bursting Bomb” sequence during a performance at fleet week in New York on May 25, 2023. Now in...

04

Community Relations

U.S. Marine Lance Cpl. Tristan Steckl hands a young boy a balloon during a community relations event in support of Exercise Balikatan at Calangitan...

05

Squared Away

The Marine Corps Silent Drill Platoon performs at Times Square, N.Y. during Fleet Week New York, May 24, 2023. During FWNY 2023, more than 3,000...

06

Casualty Care

U.S. Marine Corps Lance Cpl. John McFarland, a Gulfport, MS native and rifleman with Task Force 61/2.3 Fleet Anti-terrorism Security Team Europe,...

  • 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

DVIDS Video Player is unavailable at this time. Please check back later.
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