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

Gen. George Crist command photo

Gen. George Crist poses for a command board photo, 1985. (Courtesy asset)

02

Receiving Coordinates

U.S. Marines with III Marine Expeditionary Force Information Group, receive coordinates for a new checkpoint during Certification Exercise 24.3 at...

03

Security

U.S. Marine Corps Lance Cpl. Angel Caldero with III Marine Expeditionary Force Information Group, posts security during Certification Exercise 24.3...

04

Posting Security

Marine Cpl. Ismael Hinojosa with III Marine Expeditionary Force Information Group, post security with an M240B medium machine gun during...

05

Fire For Effect

U.S. Marine Corps Lance Cpl. Edwin Roblero, a Georgetown, Delaware native and field artillery cannoneer with 1st Battalion, 10th Marine Regiment, 2d...

06

Strengthening Alliances: CLB-31 Hosts ARDB for Collaborative Visit

U.S. Marines with Combat Logistics Battalion 31, 31st Marine Expeditionary Unit, and Soldiers with the Amphibious Rapid Deployment Brigade, Japanese...

  • 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