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 s

Default styling

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_acute

Acute Coronary Syndromes CAD, PAD

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_arrhythmias

arrhythmias and Clinical EP Atrial Fibulation, Bradycardia, Supraventricular Tachycardia

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_congenital-n1

#fdb918 Congenital Heart Disease:Congenital Heart Defects

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_ecg-n1

#d9691f Standard ECG, Stress Test

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_vascular

#ae171c Vascular Medicine Aortic Aneurysm, Peripheral Artery Disease, Renal Artery Disease, Subclavian Artery Disease,Varicose Veins

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_prevention

#a01d51 Prevention High blood presure

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_hf

#410d49 Heart Failure Heart Valve Disease, Aortic Stenosis, Mitral Regurgitation

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_valvular

#4f4190 Valvular Heart Disease Heart Valve Disease,Aortic Stenosis,Mitral Regurgitation

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_ischemic

#0f3e65 Stable ischemic Heart Disease

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_secondary

Diabetes, Diabetes and Your Heart, Metabolic Syndrome

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_shade-n2

Angina, Endocarditis, Heart Attack, Stroke, Sudden Cardiac Arrest, Sudden Cardiac Arrest and Sports, Cardio-oncology, Geriatric Cardiology, Cardiac Rehab

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_invasive-3

#c8b02f Invasive Cardiology Angiography and Intervention

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_noninvasive-3

#947b33 Noninvasive Cardiology

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_pulmonary-3

#d60e7e Pulmonary Hypertension and Venous Thromboembolic Disease

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_pericardial-3

#0079ad pericardial Disease

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more

.bg_special-3

#00b6f1 Special

Generic article
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
Accute Heart Failure
learn more 
<div class="[modifier class] br_radius h:bg_primary relative min-h_10 shadow_overlap-light c_white" style="">
	<div class="flex flex_row self_stretch" style="min-height: 11rem;">
        <div class="bg_black-2 flex flex_column flex_none justify_around p_4 shadow_n1 text_center">
            <div class="flex_shrink lh_1 self_center">
                <i class="fa-calculator fad font_8 m-b_2 fa-fw"></i>
                <div class="c_white-5 font_n3  text_center">
                    Generic article
                </div>
            </div>
        </div>
    <div class="flex flex_column flex_shrink justify_around p-b_5 p_4">
        <div class="flex_shrink">
            <div class="font_1 font_display lh_2 m-b_2 overflow_hidden" style="max-height: 7rem;">Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival
            </div>
                <div class="capitalize font_n1  m-b_2 font_accent:">
                    Accute Heart Failure
                </div>
            </div>
        </div>
    </div>
    <div class="absolute inline-block b_3 h:opacity opacity_7 r_3 m-r_3">
        <span class="m-r_2 uppercase font_n1 font_ui inline m-t_n2">learn more</span>
        <i class="block fa-arrow-alt-circle-right fas font_0"></i>
    </div>
</div>
Copy Code