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

Marines depart to the Philippines

U.S. Marines with Marine Rotational Force – Darwin 25.3, load packs onto a MV-22B Osprey assigned to Marine Medium Tiltrotor Squadron (VMM) 363,...

02

Marines depart to the Philippines

U.S. Marines with Marine Medium Tiltrotor Squadron (VMM) 363, Marine Rotational Force – Darwin 25.3, begin loading bags onto an MV-22B Osprey before...

03

Life Saving Support

U.S. Marines with Marine Rotational Force – Darwin 25.3, load packs onto a MV-22B Osprey assigned to Marine Medium Tiltrotor Squadron (VMM) 363,...

04

Life Saving Support

U.S. Marines with Marine Rotational Force – Darwin 25.3 unload supplies for urgent lifesaving support at Clark Air Base, Angeles, Philippines, July...

05

Life Saving Support In The Philippines

U.S. Marines with Marine Rotational Force – Darwin 25.3 and Clark Air Base personnel unload supplies for urgent lifesaving support at Clark Air Base,...

06

SCREAM

Rct. Peyton Schlegel, a recruit with November Company, 3rd Recruit Training Battalion, navigates the “Monkey Bridge” while completing the Confidence...

  • 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

Range Control Capabilities Video
Dec. 30, 2016 | 5:42
Video package portraying Marine Corps Base Camp Lejeune’s (MCB CAMLEJ) Range Control capabilities, services and its ability to train its service members to meet their training requirements aboard Camp Lejeune., N.C., Dec. 28, 2016. Camp Lejeune is the largest amphibious training base in the nation featuring more than 15,000 acres, 11 miles of beachfront, and 44 miles of inland waterways. MCB CAMLEJ’s main mission is to support the training requirements of the installation’s tenant commands to ensure that our Marines, Sailors and Coast Guardsmen receive the most complete training possible in order to fight and win our nation’s battles. Special thanks to the talent: Stephen G. Olmstead Jr, video footage captured by: Lance Cpl. Daphne Rodriguez; Lance Cpl. Gilbreth; Lance Cpl. Nikki Morales; and courtesy assets. Produced and edited by Staff Sgt. Albert Carls and Lance Cpl. Daphne Rodriguez. (U.S. Marine Corps motion imagery by Marine Corps Installations East Combat Camera)

Video package portraying Marine Corps Base Camp Lejeune’s (MCB CAMLEJ) Range Control capabilities, services and its ability to train its service members to meet their training requirements aboard Camp Lejeune., N.C., Dec. 28, 2016. Camp Lejeune is the largest amphibious training base in the nation featuring more than 15,000 acres, 11 miles of beachfront, and 44 miles of inland waterways. MCB CAMLEJ’s main mission is to support the training requirements of the installation’s tenant commands to ensure that our Marines, Sailors and Coast Guardsmen receive the most complete training possible in order to fight and win our nation’s battles. Special thanks to the talent: Stephen G. Olmstead Jr, video footage captured by: Lance Cpl. Daphne Rodriguez; Lance Cpl. Gilbreth; Lance Cpl. Nikki Morales; and courtesy assets. Produced and edited by Staff Sgt. Albert Carls and Lance Cpl. Daphne Rodriguez. (U.S. Marine Corps motion imagery by Marine Corps Installations East Combat Camera)

Tags

rangesrange controlMCIEAST COMCAMUSMC COMCAMMCIEASTCOMCAMMCBCAMPLEJEUNEtrainingN.C.MCCS

Discover
More Recent

Filter
Range Control Capabilities Video

Dec. 30, 2016 | 5:42

View Video
Range Control Capabilities Video

Dec. 30, 2016 | 5:42

2nd Marine Regiment, 2d Marine Division Change of Command 2025

July 31, 2025 | 38:20

View Video
2nd Marine Regiment, 2d Marine Division Change of Command 2025

July 31, 2025 | 38:20

MARFORPAC Highlight July 2025 Vertical

July 30, 2025 | 0:31

View Video
MARFORPAC Highlight July 2025 Vertical

July 30, 2025 | 0:31

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Official biographies

 

User Generated CODE (JAVASCRIPT)