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

HIRAIN

U.S. Marines with Alpha Battery, 1st Battalion, 11th Marine Regiment, 1st Marine Division, execute an M142 High Mobility Artillery Rocket System...

02

Beach Assault

U.S. Marines assigned to Light Armored Reconnaissance Company, Battalion Landing Team 1/5, 15th Marine Expeditionary Unit, move to contact after...

03

Jungle Survival

U.S. Marines assigned to Charlie Company, Battalion Landing Team 1/5, 15th Marine Expeditionary Unit, and Indonesian Marines assigned to 9th Infantry...

04

White Knight

A CH-53E Super Stallion, assigned to the “White Knights” of Marine Medium Tiltrotor Squadron 165, hovers in formation above the Indian Ocean during...

05

240510-A-FC661-1164

U.S. Marine MV-22B Ospreys and a KC-130J Hercules with Marine Medium Tiltrotor Squadron 261 (VMM-261) fly over the peak of Mount Kilimanjaro, May 10,...

06

Corporal Barbieri, A Follow Me Marine

U.S. Marine Corps Cpl. Gage Barbieri, a Florida native and corporals course instructor with Headquarters Battalion, 2d Marine Division, poses for 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

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