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

JCOC Participant tries the Rappel Tower

AJ Bleyer, Director for Advent Films, proceeds down the Rappel Tower while participating in the Joint Civilian Orientation Conference-Marine Corps...

02

U.S. Marines with 3/3 conduct MTX 2-22: Company Offensive Lane

U.S. Marines with 3d Battalion, 3d Marines, 3d Marine Division, trek across winter terrain at Mountain Warfare Training Center, Bridgeport, Calif.,...

03

230919-D-DB155-1039

The Joint Civilian Orientation Conference 94 Marine Corps Day was held at the Marine Corps Recruit Depot Parris Island, South Carolina, Sept. 19,...

04

Marine Saves the Life of a Local Woman

U.S. Marine Corps Corporal Aidan J. MeylerMcauliffe, an electrician with Service Company, Headquarters and Service Battalion, Marine Corps Recruit...

05

190226-M-TL103-0159

U.S. Marines with 3rd Marine Regiment, 3rd Marine Division conduct a conditioning hike on the “Mountain Leader Loop” trail at Marine Corps Mountain...

06

230927-M-RB154-1115

A U.S. Marine Corps F/A-18C Hornet aircraft with Marine Fighter Attack Squadron 115 takes off from Marine Corps Air Station Iwakuni, Japan, Sept. 28,...

  • 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