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

Flight Operations

Sailors assigned to the forward-deployed amphibious assault ship USS America complete flight operations with an F-35B Lightning II fighter aircraft...

02

India Company Receiving

U.S. Marine Corps recruits with India Company, 3rd Recruit Training Battalion, Recruit Training Regiment, stand in a formation during a receiving...

03

Recruit Defies Odds to Follow Dream of Becoming Marine

U.S. Marine Corps Pvt. Carlos Paz-Sosa, a Marine with India Company, 3rd Recruit Training Battalion, greets a guest following a graduation ceremony...

04

Recruit Defies Odds to Follow Dream of Becoming Marine

U.S. Marine Corps Pvt. Carlos Paz-Sosa, right, a Marine with India Company, 3rd Recruit Training Battalion, Recruit Training Regiment, and Maria...

05

Recruit Defies Odds to Follow Dream of Becoming Marine

U.S. Marine Corps Pvt. Carlos Paz-Sosa, center, a Marine with India Company, 3rd Recruit Training Battalion, Recruit Training Regiment, and Staff...

06

Recruit Defies Odds to Follow Dream of Becoming Marine

U.S. Marine Corps Pvt. Carlos Paz-Sosa, a Marine with India Company, 3rd Recruit Training Battalion, Recruit Training Regiment, conducts a pass and...

  • 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