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

Source: dist/css/virtual_boot.css, line 14382

1.5 Logos

Logos in the design come in 4 variations the primary logo, the condensed logo, and alte version which are the reverse of primary and reversed. All logos are controled by the width and will maintain there aspect ratios to respond to the container they are in. For 508 compliance please place the brand name in the logo.

Example s

Default styling

[modifier]

.logo_primary

Primary Logo great for desktop displays best used for when the logo can be taller then 80px.

logo_primary

.logo_primary-alt

Primary Logo reversed for dark background situations.

logo_primary-alt

.logo_condensed.max-w_15

Smaller Mobile Friendly Logo these logos and be readable between 40px to 80px in height.

logo_condensed max-w_15

.logo_primary-alt.max-w_15

Smaller Logo Reversed.

logo_primary-alt max-w_15 
<div class="[modifier]" data-style="[modifier]" >
	<span class="alt">[modifier]</span>
</div>
Copy Code