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

COMPUTEX Patrol

U.S. Marines with 22nd Marine Expeditionary Unit patrol to an observation post during an amphibious assault as part of Composite Training Unit...

02

Alpha Co. 8k

U.S. Marine Corps recruits with Alpha Company, 1st Recruit Training Battalion, conduct an eight-kilometer hike at Marine Corps Base Camp Pendleton,...

03

Tactical Combat Casualty Care

U.S. Navy Sailors and Marines with Marine Rotational Force – Darwin 25.3 and Australian soldiers with 1st Health Battalion, conduct tactical combat...

04

Quality Control

U.S. Marine Corps Cpl. Eduardo Meza, with the Installation Personnel Administration Center, Headquarters Company, Headquarters and Service Battalion,...

05

Security Hold

U.S. Marine Corps Lance Cpl. Jaylee Lul, a rifleman with Lima Company, Battalion Landing Team 3/6, 22nd Marine Expeditionary Unit, holds security...

06

Service Level Training Exercise

U.S. Marines with 2d Reconnaissance Battalion, 2d Marine Division conduct a freefall jump off a C-130 Hercules during Service Level Training Exercise...

  • 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

Civil Air Patrol Cadet pursues leadership experiences through Summer Leadership Character Development Academy
June 10, 2019 | 1:20
The Summer Leadership Character Development Academy selects students who embody the Marine Corps' spirit and look for opportunities to challenge themselves. Srihari Yamunan, a selectee for the academy this summer, speaks about his desire to pursue a career in the military. This story includes sounbites from Srihari Yamunan, Piscataway, N.J. This story is available in high definition.

The Summer Leadership Character Development Academy selects students who embody the Marine Corps' spirit and look for opportunities to challenge themselves. Srihari Yamunan, a selectee for the academy this summer, speaks about his desire to pursue a career in the military. This story includes sounbites from Srihari Yamunan, Piscataway, N.J. This story is available in high definition.

Tags

jerseycivil air patrolrecruitingquanticoMCRCMarine Corps Recruiting Command1MCDRS New JerseySLCDA1st Marine Corps DistrictPiscatawayRecruiting Station New JerseyRSNJRecruiting Substation MiddlesexSUMMER LEADERSHIP CHARACTER DEVELOPMENT ACADEMYRSSMSSrihariYamunanSrihari YamunanMarineMarine CorpsteachingleadershipleaderUSMCNew JerseyN.J.

Discover
More Recent

Filter
From the Brooklyn Projects to the Marines 1/2

Dec. 9, 2019 | 1:26

View Video
From the Brooklyn Projects to the Marines 1/2

Dec. 9, 2019 | 1:26

From the Brooklyn Projects to the Marines 2/2

Dec. 9, 2019 | 1:00

View Video
From the Brooklyn Projects to the Marines 2/2

Dec. 9, 2019 | 1:00

Civil Air Patrol Cadet pursues leadership experiences through Summer Leadership Character Development Academy

June 10, 2019 | 1:20

View Video
Civil Air Patrol Cadet pursues leadership experiences through Summer Leadership Character Development Academy

June 10, 2019 | 1:20

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)