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: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Example

NCDR METRIC 1

Hospital performance for patients who have had a cardiac catheterization or PCI (angioplasty)

Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty.

4
's
v>

Use of a Statin to decrease cholesterol after PCI/angioplasty.

4

Number of PCI/angioplasty procedures performed during the calendar year.

5
's
v>

Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty.

3

Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty.

1 
<section   class="bg_white font_ui">
    <header  data-attr="accordion-header" class="br_black-3 br_solid br_1 bg_black-1 flex is-active">
        <div  class="flex_none flex column justify_center font-size_up p-x_3 p-x_4:md bg_primary-4 br_black-3 br_solid br-r_1 "><i  class="fas fa-fw icon-toggle_plus-minus flex_auto self_center a:c_primary-n4 c_primary-n1 is-active"></i></div>
        <div  class="flex_auto  p-y_3 p-x_2 p-l_3">
            <h2   class="font_display m_0 font_2 lh_1">NCDR METRIC 1</h2>
        </div>
    </header>
    <article  data-attr="accordion-content" class="br_black-3 br_solid br_1 font_0 br-t_0 transition_2 origin_tl">
        <div  class="font_copy p_4:md">
            <p  class="c_primary m-t_0 lh_2  p-x_4 p-t_4 p-x_3:md"> Hospital performance for patients who have had a cardiac catheterization or PCI (angioplasty) </p>
            <section  class="flex flex_row-reverse flex_row:md bg_primary-5">
                <div  class="flex_auto w_60 p-x_3 font_1:md lh_3 font_0 c_black">
                    <p  class="max-w_50 lh_2"> Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty. <a  title="Patients should be prescribed Aspirin to reduce the risk of heart attacks caused by blood clots in new stents after having a PCI/angioplasty- unless there is a reason not to use the medicine (such as an allergy). This score shows how well this facility is following this guideline - higher is better. Patients who cannot take aspirin are excluded." class="font_n1 vertical-align_top m-l_2 c_secondary"><i  class="fas fa-info-circle"></i></a></p>
                </div>
                <div  class="font_bold flex_auto p_3:md p-t_4:md p-x_2 font_1 font_0:md flex text_center w-grid_2 w-grid_3:md bg_black-1">
                    <div  class="font_0 font_2:md flex_auto self_center display_none:md block"><span  class="font_2 font_3:md flex_auto self_center">4</span><br i  class="fas fa-star c_warning"></i>'s </div>
                    <div  class="font_0 font_2:md flex_auto self_center display_none block:md"><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-1"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-2"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-3"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-4"></i><i  class="fa-star p-l_2 flex_auto far c_black-3 star-5"></i></div>
                   v>
            </section>
            <section  class="flex flex_row-reverse flex_row:md">
                <div  class="flex_auto w_60 p-x_3 font_1:md lh_3 font_0 c_black">
                    <p  class="max-w_50 lh_2"> Use of a Statin to decrease cholesterol after PCI/angioplasty. <a  title="Patients should be prescribed Aspirin to reduce the risk of heart attacks caused by blood clots in new stents after having a PCI/angioplasty- unless there is a reason not to use the medicine (such as an allergy). This score shows how well this facility is following this guideline - higher is better. Patients who cannot take aspirin are excluded." class="font_n1 vertical-align_top m-l_2 c_secondary"><i  class="fas fa-info-circle"></i></a></p>
                </div>
                <div  class="font_bold flex_auto p_3:md p-t_4:md p-x_2 font_1 font_0:md flex text_center w-grid_2 w-grid_3:md bg_black-1">
                   <div  class="font_2 font_3:md flex_auto self_center"> 4 </div>
                </div>
            </section>
            <section  class="flex flex_row-reverse flex_row:md bg_primary-5">
                <div  class="flex_auto w_60 p-x_3 font_1:md lh_3 font_0 c_black">
                    <p  class="max-w_50 lh_2"> Number of PCI/angioplasty procedures performed during the calendar year. <a  title="Patients should be prescribed Aspirin to reduce the risk of heart attacks caused by blood clots in new stents after having a PCI/angioplasty- unless there is a reason not to use the medicine (such as an allergy). This score shows how well this facility is following this guideline - higher is better. Patients who cannot take aspirin are excluded." class="font_n1 vertical-align_top m-l_2 c_secondary"><i  class="fas fa-info-circle"></i></a></p>
                </div>
                <div  class="font_bold flex_auto p_3:md p-t_4:md p-x_2 font_1 font_0:md flex text_center w-grid_2 w-grid_3:md bg_black-1">
                    <div  class="font_0 font_2:md flex_auto self_center display_none:md block"><span  class="font_2 font_3:md flex_auto self_center">5</span><br i  class="fas fa-star c_warning"></i>'s </div>
                    <div  class="font_0 font_2:md flex_auto self_center display_none block:md"><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-1"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-2"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-3"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-4"></i><i  class="fa-star p-l_2 flex_auto fas c_warning text-shadow_black-1 star-5"></i></div>
                   v>
            </section>
            <section  class="flex flex_row-reverse flex_row:md">
                <div  class="flex_auto w_60 p-x_3 font_1:md lh_3 font_0 c_black">
                    <p  class="max-w_50 lh_2"> Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty. <a  title="Patients should be prescribed Aspirin to reduce the risk of heart attacks caused by blood clots in new stents after having a PCI/angioplasty- unless there is a reason not to use the medicine (such as an allergy). This score shows how well this facility is following this guideline - higher is better. Patients who cannot take aspirin are excluded." class="font_n1 vertical-align_top m-l_2 c_secondary"><i  class="fas fa-info-circle"></i></a></p>
                </div>
                <div  class="font_bold flex_auto p_3:md p-t_4:md p-x_2 font_1 font_0:md flex text_center w-grid_2 w-grid_3:md bg_black-1">
                   <div  class="font_2 font_3:md flex_auto self_center"> 3 </div>
                </div>
            </section>
            <section  class="flex flex_row-reverse flex_row:md bg_primary-5">
                <div  class="flex_auto w_60 p-x_3 font_1:md lh_3 font_0 c_black">
                    <p  class="max-w_50 lh_2"> Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty. <a  title="Patients should be prescribed Aspirin to reduce the risk of heart attacks caused by blood clots in new stents after having a PCI/angioplasty- unless there is a reason not to use the medicine (such as an allergy). This score shows how well this facility is following this guideline - higher is better. Patients who cannot take aspirin are excluded." class="font_n1 vertical-align_top m-l_2 c_secondary"><i  class="fas fa-info-circle"></i></a></p>
                </div>
                <div  class="font_bold flex_auto p_3:md p-t_4:md p-x_2 font_1 font_0:md flex text_center w-grid_2 w-grid_3:md bg_black-1">
                   <div  class="font_2 font_3:md flex_auto self_center"> 1 </div>
                </div>
            </section>
        </div>
    </article>
</section>
Copy Code