This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Example

  • Video EMBED
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • Video EMBED
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • Video EMBED
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA 
<ul class="ul_none m_0 m-b_4 p_0 grid grid-col_3:lg grid-col_2:md grid-col_1 gap_4">
<li data-name="award__container" class=" flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
	<div data-name="awardee" class="font_2:lg font_1:md font_0 flex_column flex gap_4 w_100 self_center items_center">
		<div data-name="awardee__video" class=" overflow_hidden shadow_bevel-light w_100">
			<div class="player hd full w_100">
				<div class="bg_acc aspect_4x3 c_white text_center  justify_center flex items_center">Video EMBED</div>
			</div>
		</div>
		<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
			<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
				Pepper H. Soda III, MD, FACC		</div>
			<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
				Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
			<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
				New York, NY, USA		</div>
		</div>
	</div></li>
<li data-name="award__container" class=" flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
	<div data-name="awardee" class="font_2:lg font_1:md font_0 flex_column flex gap_4 w_100 self_center items_center">
		<div data-name="awardee__video" class=" overflow_hidden shadow_bevel-light w_100">
			<div class="player hd full w_100">
				<div class="bg_acc aspect_4x3 c_white text_center  justify_center flex items_center">Video EMBED</div>
			</div>
		</div>
		<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
			<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
				Pepper H. Soda III, MD, FACC		</div>
			<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
				Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
			<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
				New York, NY, USA		</div>
		</div>
	</div></li>
<li data-name="award__container" class=" flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
	<div data-name="awardee" class="font_2:lg font_1:md font_0 flex_column flex gap_4 w_100 self_center items_center">
		<div data-name="awardee__video" class=" overflow_hidden shadow_bevel-light w_100">
			<div class="player hd full w_100">
				<div class="bg_acc aspect_4x3 c_white text_center  justify_center flex items_center">Video EMBED</div>
			</div>
		</div>
		<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
			<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
				Pepper H. Soda III, MD, FACC		</div>
			<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
				Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
			<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
				New York, NY, USA		</div>
		</div>
	</div></li>
</ul>
Copy Code