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

Heavy Equipment

Heavy equipment operators with Marine Wing Support Squadron 471 Det B transport AM-2 Matting at the Strategic Expeditionary Landing Field aboard...

02

Grading Operations

U.S. Marine Corps Sgt. Julio Carbajal, heavy equipment operations chief, Marine Wing Support Squadron 471 Det B, guides 120M Graders during grading...

03

Fire!

U.S. Marine Corps Cpl. Aidan Herbert, left, and Cpl. Kacey Forrey, both mortarman assigned to Bravo Company, Battalion Landing Team 1/5, 15th Marine...

04

Unveiled: minted USMC coins for 250th anniversary

U.S. Marine Corps Lt. Gen. Gregg Olson, director of Marine Corps Staff, left, and retired U.S. Marine Corps Maj. Gen. James Lukeman, president and...

05

Unveiled: minted USMC coins for 250th anniversary

U.S. Marine Corps Lt. Gen. Gregg Olson, director of Marine Corps Staff, left, and retired U.S. Marine Corps Maj. Gen. James Lukeman, president and...

06

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,...

  • 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