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

TABS

Sliders

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

01

Achievement Medal

U.S. Marine Corps Capt. Randall McDermott, left, a supply officer, with 1st Radio Battalion, I Marine Expeditionary Force Information Group, receives...

02

Supporting Mission

Marine Corps Sgt. Mitchell Parcell, a V-22 tiltrotor crew chief assigned to 15th Marine Expeditionary Unit, observes the amphibious assault ship USS...

03

3rd MAW Marines complete flight deck qualifications aboard USS Tripoli

U.S. Marine Corps F-35B Lightning II aircraft assigned to Marine Fighter Attack Squadron (VMFA) 211, Marine Aircraft Group 13, 3rd Marine Aircraft...

04

3rd MAW Marines complete flight deck qualifications aboard USS Tripoli

U.S. Marine Corps F-35B Lightning II aircraft assigned to Marine Fighter Attack Squadron (VMFA) 211, Marine Aircraft Group 13, 3rd Marine Aircraft...

05

3rd MAW Marines complete flight deck qualifications aboard USS Tripoli

U.S. Marine Corps F-35B Lightning II aircraft assigned to Marine Fighter Attack Squadron (VMFA) 211, Marine Aircraft Group 13, 3rd Marine Aircraft...

06

New Exhibitions

Civilians look at displays at the National Museum of the Marine Corps in Triangle, Virginia, Oct. 6, 2024. The National Museum of the Marine Corps...

  • 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