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.
Action:
Learn About Membership
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
Featured workgroup Cards 3x
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.
About Link
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.
Sidebar Cards
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.
Action:
Manage Membership (Icon)
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.
Action:
Manage Membership (Icon)
Teaser Micro Banner (GPB-5)
Header:
[SECTION LABEL]
Action:
Manage Membership (Icon)
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.
Action:
Manage Membership (Icon)
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