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

Pacific View

U.S. Marine Corps Sgt. Logan Mitchell, a reconnaissance Marine with the Maritime Raid Force, 11th Marine Expeditionary Unit, rides in a UH-1Y Venom...

02

Blue Night

U.S. Marines with Lima Company, Battalion Landing Team 3/6, 22nd Marine Expeditionary Unit (Special Operations Capable), conduct a live-fire range on...

03

Ordnance Load

U.S. Marines with Marine Aviation Logistics Squadron 11, Marine Aircraft Group 11, 3rd Marine Aircraft Wing, load ordnance on to an F-35B Lightning...

04

250916-M-QT937-1056

A F-35B Lightning II with Marine Operational Test and Evaluation Squadron (VMX) 1 taxis during Gray Flag at Naval Base Ventura County, Sept. 16,...

05

Forward Arming

U.S. Marines with Marine Aviation Logistics Squadron 11, Marine Aircraft Group 11, 3rd Marine Aircraft Wing, load ordnance on to an F-35B Lightning...

06

251209-M-JE726-1482

A U.S. Marine with Marine Wing Support Squadron 372, Marine Air Control Group 38, 3rd Marine Aircraft Wing, refuels an F-35B Lightning II assigned to...

  • 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

Building Bridges | MRF-D trains to provide humanitarian aid in Indo-Pacific region
Sept. 8, 2020 | 1:48
U.S. Marines with Logistics Combat Element, Marine Rotational Force - Darwin, drive vehicles across a hastily constructed bridge during a humanitarian assistance scenario at Mount Bundey Training Area, Northern Territory, Australia, Sept. 8, 2020. The scenario is part of exercise Koolendong. In a real world HA mission, repairing infrastructure would be vital to the recovery process of a nation affected by crisis or natural disasters. (U.S. Marine Corps photo by Cpl. Harrison Rakhshani)

U.S. Marines with Logistics Combat Element, Marine Rotational Force - Darwin, drive vehicles across a hastily constructed bridge during a humanitarian assistance scenario at Mount Bundey Training Area, Northern Territory, Australia, Sept. 8, 2020. The scenario is part of exercise Koolendong. In a real world HA mission, repairing infrastructure would be vital to the recovery process of a nation affected by crisis or natural disasters. (U.S. Marine Corps photo by Cpl. Harrison Rakhshani)

Tags

AustraliaDarwinTRAMMarine rotational forceMBTAKoolendongMRF - Dbridgeengineerbuilddig

Discover
More Recent

Filter
Shelter Building - MWTC

Oct. 14, 2020 | 2:28

View Video
Shelter Building - MWTC

Oct. 14, 2020 | 2:28

Building Bridges | MRF-D trains to provide humanitarian aid in Indo-Pacific region

Sept. 8, 2020 | 1:48

View Video
Building Bridges | MRF-D trains to provide humanitarian aid in Indo-Pacific region

Sept. 8, 2020 | 1:48

Into The Chamber | Training to be a Marine Security Guard

Feb. 26, 2020 | 1:01

View Video
Into The Chamber | Training to be a Marine Security Guard

Feb. 26, 2020 | 1:01

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)