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

Sorry, but it appears this account doesn't have access to [PRODUCT NAME ShortCode]

No Access to [PRODUCT NAME]

[PRODUCT DESCRIPTION]. To read more about the details of [PRODUCT NAME] click the learn more button.

Learn More

Registration Steps

  1. To purchase, please click the "Register" button below. Once you have completed your purchase, please wait 15 minutes to allow the system to process the information.

  2. Register

  3. If you have just registered and you have waited 15 minutes and you have arrived here in error click the "Refresh Access" Button to get into [PRODUCT NAME].

  4. Refresh Access

  5. If you believe you have received this message in error, please contact Member Care

    • For additional questions, please contact ACC Member Care.
    • Email: MemberCare@ACC.org
    • Phone: 202-375-6000 ext. 5603
    • Toll-Free: 800-253-4636 ext. 5603

    Account Information

    • User Name: Regina Rutherford
    • Member ID: 0152151214
    • Email: test@boo.com

    Click the 'Member Help' button to send along your member information to help diagnose this issue.

    Member Care

Registration information on this account

  • Correct Registration [ PRODUCT NAME ]

    You do have a Registration for [ PRODUCT NAME ]. Some how you have gotten here by mistake.

    Please click the "Refresh Access" button to get to the homepage.

  • Wrong type of Registration to give you access. [Product Code Title]

    [ Product Code Description ... ] Gain access to conference hall in Washington DC. Maiores necessitatibus quis. Numquam tenetur dolorem voluptatem. Eum cum ipsam atque tempore velit tempora cupiditate deleniti et.

    Voluptas sint fugiat molestiae error. Culpa odit quas consequuntur. Ut non qui.

    You can purchase the upgrade to your Registration to include the virtual platform by clicking the button.

  • Event Registrations Found

    You do have Registrations on this account but it is not for [ PRODUCT NAME ]. Could you have possibly registered for [PRODUCT NAME] on another account?

    Do you have a Secondary Account?

    If you do have a secondary account you might try to logging out of this account and logging into that account and return to [PRODUCT NAME].

    Event Registrations On this Account
    • [Product Code Title X]
    • [Product Code Title Y]
    • [Product Code Title Z]

  • You have NO Registrations Associated with this Account

    Do you have a Secondary Account?

    If you do have a secondary account you might try to logging out of this account and logging into that account and return to [PRODUCT NAME].

NOTE:
Only one of the "Event Registrations Found Cards" show at a time. The cards fail in the order of the above list. 
<div class="page-main">
	<h1 class="font_display font_6 c_primary m-t_4">Sorry, but it appears this account doesn't have access to [PRODUCT NAME ShortCode]</h1>
	<div class="bg_black-1 br_1 br_black-1 br_radius br_solid flex flex_column flex_row:lg gap_5 inset-level_down p_4:lg shadow_emboss-light">
		<div class="flex_70:lg flex_50:md flex_auto reading-typography flex_column flex gap_4">
			<div class="inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_4 relative ">
				<div class="reading-typography flex flex_column gap_4">
					<h2 class="">No Access to [PRODUCT NAME]</h2>
					<p>[PRODUCT DESCRIPTION].  To read more about the details of [PRODUCT NAME] click the learn more button.</p>
					<div class="flex flex_row gap_3 justify_center">
						<a href="[PRODUCT MARKETING URL]" class="w_100 block max-w_20 btn btn-secondary c_white font_bold font_ui h:c_white shadow_overlap-light " title="Navigate to [PRODUCT NAME] detail page">Learn More</a>
					</div>
				</div>
			</div>
			<div class="inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_4 relative ">
				<div class="reading-typography flex flex_column gap_4">
					<h2 class="font_bold">Registration Steps</h2>
					<ol class="counter_reset m_0 p_0 ul_none flex_column flex gap_4">
						<li class="flex flex_row">
							<span class="c_primary counter counter_increment flex_none float_left font_9 font_accent font_xbold lh_0 p-r_4 self_top p-t_4"></span>
							<div class="flex_auto">
								<p>To purchase, please click the "Register" button below. Once you have completed your purchase, please <strong class="uppercase m-x_2 p_2 bg_warning-3 br_radius p-x_3 font_xbold nowrap">wait 15 minutes</strong> to allow the system to process the information. </p>
							</div>
						</li>
						<li class="flex flex_row gap_3 justify_center">
							<a title="register for the  [PRODUCT NAME]" href="https://www.acc.org/Education-and-Meetings/Meetings/Meeting-Items/2022/01/01/01/04/ACC-Anywhere-ACC22-On-Demand" class="w_100 block max-w_20 btn btn-primary c_white font_bold font_ui h:c_white shadow_overlap-light ">Register</a>
						</li>
						<li class="flex flex_row">
							<span class="c_primary counter counter_increment flex_none float_left font_9 font_accent font_xbold lh_0 p-r_4 self_top p-t_4"></span>
							<div class="flex_auto">
								<p>If you have just registered and you have <strong class="uppercase m-x_2 p_2 bg_warning-3 br_radius p-x_3 font_xbold nowrap">waited 15 minutes</strong> and you have arrived here in error click the "Refresh Access" Button to get into [PRODUCT NAME].</p>
							</div>
						</li>
						<li class="flex flex_row gap_3 justify_center">
							<a title="reset the access from you account" href="[EVENT AUTHENTICATION URL]" class="w_100 block max-w_20 btn btn-primary c_white font_bold font_ui h:c_white shadow_overlap-light ">Refresh Access</a>
						</li>
						<li class="flex flex_row">
							<span class="c_primary counter counter_increment flex_none float_left font_9 font_accent font_xbold lh_0 p-r_4 self_top p-t_4"></span>
							<div class="flex_auto">
								<div class="flex flex_row:md flex_column">
									<div class="reading-typography flex flex_column gap_4 flex_50 p-r_5:md">
										<p class="font_bold">If you believe you have received this message in error, please contact <a href="mailto:MemberCare@ACC.org"><em>Member Care</em></a> </p>
										<ul class="ul_none p_3">
											<li class="font_bold">For additional questions, please contact ACC Member Care.</li>
											<li><strong>Email:</strong> <a href="mailto:MemberCare@ACC.org"><em>MemberCare@ACC.org</em></a></li>
											<li><strong>Phone:</strong> 202-375-6000 ext. 5603   </li>
											<li><strong>Toll-Free:</strong> 800-253-4636 ext. 5603</li>
										</ul>
									</div>
									<div class=" flex_50"`>
										<section class="bg_acc-n2 br_1 br_black-2 br_round br_solid p-x_5:lg p_4 inset-level_up shadow_bevel-bold">
										  <div class="c_white">
										    <h2 class="br-b_1 br_solid br_white-6 c_white m-t_2 p-b_3 text_center">Account Information</h2>
										    <ul class="ul_none p_0 m_0">
										    <li class=""><strong>User Name:</strong> <span data-type="User Full Name">Regina Rutherford</span> </li>
										    <li class=""><strong>Member ID:</strong> <span data-type="Member ID">0152151214</span> </li><li class=""><strong>Email:</strong> <span data-type="email">test@boo.com</span> </li>
										    </ul>
										  </div>
										  <div class="bg_black-4 br_radius c_white m-b_n2 m-t_4 m-x_n4 p_4 shadow_emboss-light">
										    <p class=""><strong>Click the 'Member Help' button to send along your member information to help diagnose this issue.</strong></p><div class="text_center"><a href="mailTO:membercare@acc.org?body='name,email,personify'" class="btn btn-primary c_white inline-block m-x_auto shadow_overlap-light text_center w_auto">Member Care</a></div>
										  </div>
										</section>						</div>
								</div>
							</div>
						</li>
					</ol>
				</div>
			</div>		</div>
		<div class="flex_30:lg flex_50:md flex_auto">
			<h2 class="c_primary">Registration information on this account</h2>
			<div class="">
				<ul class="flex flex_column gap_4 ul_none">
					<li class="bg_white br_1 br_black-2 br_radius br_solid flex flex_column gap_4 inset-level_up p_2 p_3:md p_4:lg shadow_overlap-light">
						<article class="">
							<h3 class="c_primary-n2">Correct Registration <small class="block c_black-5 font_n2 font_xbold uppercase">[ PRODUCT NAME ]</small>
							</h3>
							<p>You do have a Registration for [ PRODUCT NAME ]. Some how you have gotten here by mistake. </p>
							<p><strong>Please click the "Refresh Access" button to get to the homepage.</strong></p>
						</article>
						<aside class="flex flex_column flex_none justify_around">
							<a href="#" class="btn btn-primary">Refresh Access</a>
						</aside>
					</li>
					<li class="bg_white br_1 br_black-2 br_radius br_solid flex flex_column gap_4 inset-level_up p_2 p_3:md p_4:lg shadow_overlap-light">
						<article class="">
							<h3 class="c_primary-n2">Wrong type of Registration to give you access. <small class="block c_black-5 font_n2 font_xbold uppercase">[Product Code Title]</small>
							</h3>
							<p>[ Product Code Description ... ] Gain access to conference hall in Washington DC. Maiores necessitatibus quis. Numquam tenetur dolorem voluptatem. Eum cum ipsam atque tempore velit tempora cupiditate deleniti et.</p>
							<p>Voluptas sint fugiat molestiae error. Culpa odit quas consequuntur. Ut non qui.</p>
							<p><strong>You can purchase the upgrade to your Registration to include the virtual platform by clicking the button.</strong></p>
						</article>
						<aside class="flex flex_column flex_none justify_around">
							<a href="#" class="btn btn-primary">Purchase Upgrade</a>
						</aside>
					</li>
					<li class="bg_white br_1 br_black-2 br_radius br_solid flex flex_column gap_4 inset-level_up p_2 p_3:md p_4:lg shadow_overlap-light">
						<article class="">
							<h3 class="c_primary-n2">Event Registrations Found</h3>
							<p>You <strong class="uppercase">do</strong> have Registrations on this account but it is <strong class="uppercase">not</strong> for [ PRODUCT NAME ]. Could you have possibly registered for [PRODUCT NAME] on another account?</p>
							<h4 class="c_primary-n3">Do you have a Secondary Account?</h4>
							<p>If you do have a secondary account you might try to logging out of this account and logging into that account and return to [PRODUCT NAME].</p>
						</article>
						<aside class="flex flex_column flex_none justify_around">
							<a href="#" class="btn btn-primary">Log Out</a>
						</aside>
						<div>
							<h5>Event Registrations On this Account</h5>
							<ul class="ul_bullets">
							<li class="c_black-6 font_n2 font_xbold uppercase">[Product Code Title X]</li>
							<li class="c_black-6 font_n2 font_xbold uppercase">[Product Code Title Y]</li>
							<li class="c_black-6 font_n2 font_xbold uppercase">[Product Code Title Z]</li>
							</ul>
						</div>
					</li>
					<li class="bg_white br_1 br_black-2 br_radius br_solid flex flex_column gap_4 inset-level_up p_2 p_3:md p_4:lg shadow_overlap-light">
						<article class="">
							<h3 class="c_primary-n2" class="c_primary">You have <strong class="font_xbold">NO</strong> Registrations Associated with this Account</h3>
							<h4 class="c_primary-n3">Do you have a Secondary Account?</h4>
							<p>If you do have a secondary account you might try to logging out of this account and logging into that account and return to [PRODUCT NAME].</p>
						</article>
						<aside class="flex flex_column flex_none justify_around">
							<a href="#" class="btn btn-primary">Log Out</a>
						</aside>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
Copy Code