Style Guide
Branding, typography, iconography, components & prototypes for Marines.mil Website Development

TABS

Sliders

Latest Tweets

  • The twitter componet uses an H2 for the "Latest Tweets" header
  • The body text uses Helvetica 16px
News Slider

01

Venom Chief

U.S. Marine Corps Staff Sgt. Michael Jacobs, a UH-1Y Venom aircraft crew chief assigned to Marine Aviation Weapons and Tactics Squadron One,...

02

Raid Leaders

U.S. Marine Corps Pfc. Ardeth Maldonado (left), a rifleman, and Lance Cpl. Brecken Wilcoxen, a team leader, with 2nd Battalion, 4th Marine Regiment,...

03

240715-M-QB328-1081

An Elder from the Larrakia People begins a smoking ceremony during the opening ceremony of Exercise Predator’s Run 24 at Robertson Barracks, NT,...

04

240715-M-QB328-1119

U.S. Marines with Marine Rotational Force – Darwin 24.3 stand at attention during the opening ceremony of Exercise Predator’s Run 24 at Robertson...

05

240715-M-QB328-1201

Service members from the United States, Australia, the Republic of the Philippines, and the United Kingdom, pose for a photo after the opening...

06

240715-M-QB328-1253

Service members from the United States, Australia, the Republic of the Philippines, and the United Kingdom, participate in media interviews after the...

  • 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

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