Content Doc Blue Print

Content & Page Blocks Document

This document outlines the evergreen and changeable content blocks used across various user states for Member Section pages. The structure follows the naming convention: [USER STATE].[Page].[Optional Sub Page] and supports modularity and reusability.
This document is used for:

  • Mapping content for the components used across the different user states within the member section.
    Component Reference Tags.
    These tags are used to explain how or what needs to be collected for this block of content.
  • Placeholder - Dynamic Defining dynamic placeholders within #evergreen or #data-model Mode content will use this the format [[LABEL NAME]] for example [[MEMBER SECTION CHAIR]]
  • Evergreen - Any content block labeled evergreen is global and it content is not changeable.
  • Data Model - Some content will just be place holder or an excel sheet to collect the data within so it can flooded into the final UI. Names, Locations, Emails etc. depending on the user interface design.
  • Changeable - This content has placeholder content based on our prototype and is indicative copy intended to be changed by the Member Section. There might be notes with the content of max word count or other playbook rules that we would like the final content to follow.
  • Dynamic - These elements are pre-built and are unchangeable rendering components from the CMS

    Note: These different content collection Tags for  content areas will be labeled inline throughout this document where applicable.  Member Section leads should focus only on updating the changeable areas with the provided indicative copy as a guide.


Pages: No Authentication

User must be logged in


0.0 Home Page Block - Authentication Needed

Content blocker for users who are not authenticated

Component List

Instructions

Header:
You Need to Log In
Content:
Log in to unlock these resources and start benefiting from our exclusive member perks.

Action:
Login ()

Global Page Blocks



Pages: No Membership

User Must be a Member


1.0 Page Block - Membership Needed

prototype
Content blocker for users who are authenticated but are not members of the College.

Component List

Instructions

Header:
You Need to Member of College
Content:
This is an exclusive member perks become a member of the American College of Cardiology to gain access.


Global Page Blocks



Pages: Teaser Content

Member of the college has no access to this Member Section


2.0 Teaser - Home Page

Homepage teaser for members without access to a specific section. Used to preview what’s inside the section and prompt upgrade.

Page Title:
Women in Cardiology

Component List

Introduction

Header:
Why Should You Join [[SECTION NAME]]?

Content:
The Women in Cardiology Section of the ACC offers a platform and opportunities to strengthen their professional support system, skills and the future of the community. Active involvement in the Section provides leadership skills development and understanding the governance structure and avenues to leadership within the College.

Note: max characters 300


Mission Teaser

Header:
Mission

Content:
Our mission is to foster a supportive community that advocates for gender and career equity, empowering women cardiologists across all specialties and career stages. Join us in creating a more inclusive and dynamic field in cardiovascular medicine.

Note: max characters 250


Section Benefits

Icons can be selected from font awesome

Content with Icon:

  • Professional Online Community icon: fa-users
  • Mentorship Opportunities  `icon: fa-circle-user-circle-user
  • Leadership Pathways `icon: fa-user-group-crown
  • Exclusive Content icon: fa-sparkels
  • Member Section Specific Resources icon: fa-folder
  • Topic Specific Tools fa-wrench-simple

Note: max characters per item 30


Global Page Blocks



2.1 Teaser - About

No Access to Member Section - Member Must Join Section
Teaser block introducing the section's leadership and workgroups and purpose for users without access.

Page Title:
About

Component List

Introduction

Header:
About
Content:
Dignissimos sed deserunt est non. Aliquam nam aut quam. Voluptas ut vel voluptates aliquam mollitia enim consequatur. Quas quisquam natus dolor eos consequatur culpa. Fuga manam ten. (200 Characters)

Note: 200 max-characters


Chairs

UI Design: Card

Image: Aspect 8x10
Full Name:
Postion Label: Chair | Past Chair

Section Leadership Council

UI Design: Simple split grid with background

List of Full Names

Work Group Teaser

Header:
Workgroups
Content:
Svel libero ut rerum repudiandae aut est paritur minus vero. Delectus ea est nostrum quae dolores. Delectus nostrum nihil et ad enim. (150 Characters)

Note: Max Characters 150

Follow up Copy:
Some Message - (Become a Member of this Section to support and shape these initiatives)

Note: Max-Characters 100


UI Design Design Simple Card Grid

Workgroup Name:
Workgroup Short Description: 100 - 150 Characters Max

Global Page Blocks



2.2 Teaser - Resources

No Access to Member Section - Member Must Join Section
Highlights member section resources available upon upgrade.

Page Title:
Resources

Component List

Introduction

Header:
Resources
Content:
From clinical tools to exclusive publications, this member section membership provides curated resources to elevate your professional career. See a sample bellow.


Resource List

[[Resource Categorization]]

[[Link Name]]


Global Page Blocks


2.3 Teaser - Notification

Description: Previews announcement and news content available in the section.
Page Title: Notifications

Component List

Introduction

Header:
Notifications
Content:
Stay up-to-date with section specific announcements, event alerts, and section-specific opportunities.


Dynamic Feed

{{-- Notification Feed--}}

Global Page Blocks


Pages: Full Access

These are the fully accessible pages for members with upgraded access to the Member Section.

3.0 Home

Component List

Introduction

Header:
Notifications
Sub-Header (Max 75 Characters):
Content  (Max 200 Characters):
Stay up-to-date with section specific announcements, event alerts, and section-specific opportunities.


Chair Card

Full Name
Position: Chair | Past Chair
Button Label: Message from Chair
Link To: Message from Chair - Page

Mission Icon List with Description (1-5x)

Icons can be found on this page Font Awesome

Header:
Mission

Items:

UI Design: Icon header with description (URL)

Item
Header: 60 Characters Max
Description: 150 Characters Max
Item 1

Icon: fa-people-dress
Header (Max 60 Characters):
Support Women Cardiologists
Description (Max 150 Characters):
Help women build successful careers in cardiology by offering training, mentoring, and leadership programs through the ACC.

Item 2

Icon: fa-up-from-line
Header (Max 60 Characters):
Encourage More Women to Choose Cardiology
Description (Max 150 Characters):
Improve training programs and show women residents the variety of career paths available in cardiology.

Item 3

Icon: fa-chalkboard-user
Header (Max 60 Characters):
Mentor Young Women
Description (Max 150 Characters):
Create mentoring and preceptorship programs that inspire young women in high school, college, and medical school to consider cardiology as a career.

Item 4

Icon: fa-scale-unbalanced
Header (Max 60 Characters):
Fairness for Women Cardiologists
Description (Max 150 Characters):
Advocate fair treatment of women cardiologists, especially equal pay and chances to advance in their careers.


Focus Icon List with Description (1-5x)

Icons can be found on this page Font Awesome

Header:
Focus

Items:

UI Design: Icon header with description (URL)

Item
Header: 60 Characters Max
Description: 150 Characters Max
Item 1

Icon: fa-chart-network
Header (Max 60 Characters):
Networking
Description (Max 150 Characters):
Build meaningful connections with peers and mentors to share experiences and grow your cardiology network

Item 2

Icon: fa-users-medical
Header (Max 60 Characters):
Leadership Workshops
Description (Max 150 Characters):
Join focused sessions to strengthen leadership skills, advocacy, and career growth for women in cardiology.

Item 3

Icon: fa-route-interstate
Header (Max 60 Characters):
State Chapter Network
Description (Max 150 Characters):
Connect with local WIC chapters for regional events, support, and opportunities to make an impact in your area.


Header:
About [[Member Section Label]]

Content:
Learn More about the Leadership and Workgroups of this Section


Zone Labels

Header:
Notifications
Content:
Stay informed with the latest updates, event alerts, and announcements from your member section.
Link: {-- Link |  ../notifications --}
View All Notifications

Header:
Initiatives & Activities
Content:
Get involved in initiatives and activities that connect members and strengthen the section’s community. View Full List of initiatives and activities.


Header:
Resources
Content:
Member-only webinars, toolkits, and content designed to strengthen your career and clinical practice.
Link: {-- Link |  ../resources --}
Explore

Header:
Library
Content:
Browse articles, research, and content created by this section and shared with the wider cardiology community.
Link: {-- Link |  ../library --}
Explore

Note: Card with button


Feature Initiative Primary

Feature Thumbnail:
Feature Label:
Feature Short Teaser: 200 Characters Max
Link Label:

Feature Initiative Short 3x

Feature Thumbnail:
Feature Label:
Feature Short Teaser: 100 Characters Max
Link Label:

Global Page Blocks


3.1 About

Overview of the section’s purpose and initiatives. May include leadership info and chair messages.

Component List

Introduction

Header:
About
Sub-Header (Max 75 Characters):
Driving the mission and vision through leadership and collaboration.

Content: (Max 200 Characters)
The leaders and workgroups behind this section advance the mission and vision, guiding priorities and creating meaningful impact.


Quote from the Chair

[QUOTE]

[Name of Chair]

[Chair | Past Chair]


Leadership Callout

Header:
Learn More about this sections Leadership
Content:
Shaping the experience and the initiatives is the member section leadership.
Button: {-- Link: /Leadership --}
Leadership


Mission & Vision Statement

Header:
Mission
Content:
To support and empower women in cardiology by providing mentorship, training, and leadership opportunities. We are committed to fostering equitable career advancement, advocating for fair treatment, and inspiring the next generation of women to pursue cardiology through education, advocacy, and connection.
Header:
Vision
Content:
A future where women thrive as leaders in cardiology—supported by robust networks, equal opportunities, and inspiring pathways that encourage young women to see cardiology as a fulfilling and accessible career.


Workgroups 3x

Card Design
Image: Member Section Texture
Workgroup Title:
Workgroup Teaser: Max Character 150

#data-model
Button: {-- Link: /about/workgroups/ --}
View All Workgroups


Global Page Blocks


3.1.1 About/Leadership

Lists leadership members with photos and bios.

Component List

Chair Card and Pass Chair Card

Design: Card
Full Name:
Postion Label: Chair | Past Chair

Section Council List

Header:
Section Leadership Council
Bulleted List:
[Member Full Name]


Section Group Photo (optional)

[image path]
Cite:
Where the photo was taken.


Global Page Blocks


3.1.3 About/Workgroup

Lists of workgroups and the important details

Component List

Introduction

Header:
Workgroups
Content  (Max 200 Characters):
Work Groups are a great way to get involved in Section initiatives, share your perspective, and help drive the priorities that matter most to you. Explore the opportunities below to make a difference—and elevate your impact and visibility within the ACC.


Workgroup

Title: 
Description: Max Chacters 200
Initiatives and Focus: Bulleted List | List Item with Max Character 80
Accepting New Members: True|False
Full Name of Chair:
Title and Institution of Chair:
Location City State of Chair:

Get Involved CTA

Header:
Interested in Getting Involved
Content:
Learn more about being able to interact and join in a work group by contacting the member section admin
Button:
Contact Us
Button Link:
[[Mail To Staff Liason]]


3.1.3 About/Message from the Chair

Description: Personalized message from the section chair or leadership.

Component List

Introduction

Header:
Message From the Chair


Chair Card

[Portait Image]

[Chair Full Name]

[Chair]


Message

Content:
Attach Word Document (Simple Rich Text Only No Image or Special Formatting)
#changeable


3.2 Resources

Description: Library of tools, downloadable documents, or practice-related materials.

Component List

Introduction

Header:
Resources
Sub-Header (Max 75 Characters):
Exclusive tools and content to support your practice and career.

Content: (Max 200 Characters)
Access webinars, toolkits, and learning content created to help members grow professionally and deliver better patient care.


Resource List

Category of the Resource: Use labels that expresses the Intent of the content like how the user would use it. 
Resource Readable Label: Not always the title of the page or resource your linking because this link should express what the user is going to get vs the page title we are directing them to.
Resource Link:
Title of the Resource: this is used in the title tag of the link for greater context and SEO

Note: Lists of anything longer then 9 are harder to skim and read
#data-model



3.3 Notifications

News, updates, or events relevant to the member section audience. This should be reserved to actionable items and not just content items to be consumed or read/download

Component List

Introduction

Header:
Notifications
Sub-Header (Max 75 Characters):
Timely updates to keep you connected and informed.

Content: (Max 200 Characters):
Stay up-to-date with announcements, event alerts, and section-specific opportunities relevant to your community.

Notification Feed

{{-- Notification Feed--}}

3.4 Library

Expanded or specialized resource published through out the college.

Introduction

Header:
Library
Sub-Header (Max 75 Characters):
Published content showcasing the section’s contributions.
Content: (Max 200 Characters):
Explore articles, research, and resources produced by the section and shared with the wider cardiology community.

Library Feed

{{-- Library Feed: All the files on ACC.org that have been cited with the support of this Member Seciton --}}

3.5 Initiatives & Activities

Listing page

Page Title
Initiatives & Activities

Component List

Introduction

Header:
Initiatives & Activities
Sub-Header (Max 75 Characters):
Opportunities to engage and make an impact with the section.
Content: (Max 200 Characters):
Join initiatives and activities that connect members, foster collaboration, and strengthen the section’s community and goals.

I&A Feed

Feature Thumbnail:
Feature Label:
Feature Short Teaser: 100 Characters Max
Link Label:

Global Page Blocks

These components are commonly referenced across multiple states and/or pages to maintain consistency.

Member Section Teaser Statement (GPB-0)

Header:
Member Section:
Sub-Header:
[[Member Section Name]]

Content:
This section offers women cardiologists opportunities to strengthen their professional support system and skills.

Note: Max 300 characters


Member Section Key Benefits Bento (GPB-1)

Content with Icon:

  • Membership Benefit
  • Professional Community
  • Access Restricted
  • Exclusive Content
  • Leadership Pathways
  • Topic Specific Tools
    Note: Max 25 characters per bullet

Customer Service Message (GPB-2)

Content:
Need Help?


Teaser Masthead Lock (GPB-3)

Header:
Member Section Access Required!

Sub-Header:
Extend Your Membership Today!

Content:
You've arrived at a Member Section page that you don't have access to.
This is a gateway to our exclusive member benefits. These benefits, designed specifically for [[Member Section Name]].
Member Sections offer access to specialized communities, valuable content, and exciting opportunities to make a real impact in your field.


Teaser Follow Up Call to Action (GPB-4)

Header:
(Icon ) Unlock This Content
Sub-Header:
Join this Member Section Today.

Content:
Want to gain access to all of the content and so much more?
Manage your membership today to join this Member Section and unlock all the content and benefits of this section.


Teaser Micro Banner (GPB-5)

Header:
[SECTION LABEL]


Teaser  Homepage Call to Action (GPB-6)

Header:
Join This Section Today
Content:
Manage your membership and add this sections to gain full access and full benefits.


Teaser Content Cards (GPB-7)

Header:
Explore This Member Section

Header
Image
Content
Button Label
Button Link
Card 1:

Header:
About
Content:
Learn more about the focus and the leadership of this section.

Button:
Explore {-- link to: the teaser about page--}

Card 2:

Header:
Notifications
Content:
Stay up to date with this section via its notification that can also be sent directly to your email.

Button:
Explore {-- link to: the teaser notifications page--}

Card 3:

Header:

Library
Content:
See how this section makes an impact on the voice and knowledge shared by the ACC.

Button:
Explore {-- link to: the library page--}

Note: Max 25 characters per bullet


Doc Matter Call to Action (GPB-8)

Header:
DocMatter
SubHeader:
Connecting You to the Conversations that Matter
Content:
Connect with [Member Section Name] on DocMatter, a platform for ACC Members to ask case questions and learn best practices from peers.
Button:
Go to DocMatter {-- Button | Link :--}
Customer Care Message:
Questions or Issues? Contact ACC Member Care.

Note: Follow Up Call to Action


Section Leadership Call to Action (GPB-10)

Header:
Connect With Section Leadership
Content:
Join conversations on X with #sectionHash or on our professional social platform DocMatter.
Button:
Go to DocMatter {-- Button | Link :--}
Customer Care Message:
Questions or Issues? Contact ACC Member Care.

Note: Follow Up Call to Action


Twitter Feed (GPB-11)

Content:
Join the Conversation on  X