Design System

Color

Using the specified colors is essential for maintaining consistency and brand identity across the website. These colors are carefully chosen to align with the brand’s message. Sticking to the approved color palette helps create a cohesive look and feel, making the site easily recognizable and trustworthy. Introducing new or unapproved colors can disrupt this consistency, confuse users, and weaken the overall brand image. Additionally, adding new colors can cause usability issues, such as poor contrast or readability, which may negatively impact the user experience. Therefore, it’s important to strictly adhere to the designated colors to maintain a unified, professional, and user-friendly website.

Primary

#034589

#688FB8

#102648

Secondary

#B1A5A5

#ffffff

#FFFFFF100

#00CED1

Accent

#FF7043

Typography & Hierarchy

Typography plays a critical role in establishing hierarchy on a website, as it helps organize content and guides users through the information seamlessly. By changing things like font size or boldness, you can make certain text, like titles or buttons, stand out so people notice them first. For example, bigger, bold text might show a headline or a “Buy Now” button, while smaller text can provide extra details. This helps users follow along easily without getting confused. Good use of text styles makes the website not only look better but also feel easier to use, guiding visitors through the most important parts.

Text on Light Background

H1 - Superior Title 64px

H2 - Superior Title 48px

H3 Heading - 40px

H4 Heading - 32px

H5 Heading - 28px

H6 Heading - 24px

H7 Heading - 20px

Subheading – 24px

Body – 16px

Body Bold – 16px

Button Text – 16px

Body Small – 14px

Text on Dark Background

H1 - Superior Title 64px

H2 - Superior Title 48px

H3 Heading - 40px

H4 Heading - 32px

H5 Heading - 28px

H6 Heading - 24px

H7 Heading - 20px

Subheading – 24px

Body – 16px

Body Bold – 16px

Button Text – 16px

Body Small – 14px

Hierarchy Examples

Hierarchy is important when writing website content because it organizes information in a way that helps users easily scan, understand, and engage with key points. Using headings, subheadings, and formatting like bullet points ensures that the most important content stands out and guides visitors through the page naturally. This improves readability, enhances user experience, and supports SEO by making content more accessible to both users and search engines. Without clear hierarchy, content can become confusing and harder to navigate, leading to a poor user experience.

Committees

No matter your career level or area of experience, there is a committee for everyone within Metro NYSAE.

Volunteering to serve Metro NYSAE through committee membership is a rewarding experience that allows you to make connections, learn more about the association community, and help direct the future growth of Metro NYSAE. Metro NYSAE relies on enthusiastic, talented members to do the necessary work that keeps the organization running. Volunteering for Metro NYSAE is a benefit of membership. You need to be a dues-paying member to volunteer on a committee.

Metro NYSAE Currently Has These Committee Opportunities Available:

Membership Engagement Committee

If you’re passionate about NYSAE and are excited to introduce people to the organization, then the Membership Engagement Committee would be a great fit for you! Committee members are responsible for helping to recruit new members, retain members, and act as ambassadors who help new and potential members find their place at NYSAE.

The Synergy Awards Committee

Chair: Annette Homan, RIMS and Diane Tiberio, American Pet Products Association

This committee works on the NYSAE awards program that is produced during the fall months. You will work with a small team of volunteers and board members responsible for reviewing nominations and assembling the slate of honorees. 

Metro NYSAE Committees

  • Board of Directors – The Board of Directors, led by the Chair and executive committee, are responsible for directing the organization, its finances and resources. All committees report up to a board liaison.
  • Awards Committees – The Awards Committee develops categories and criteria for the Synergy Awards. The committee actively identifies qualified applicants and seeks nominations for all awards. The Awards Committee evaluates all nominees and makes honoree recommendations to the NYSAE Board of Directors.  (Meets 3-4 times per year.)
  • Executive Women in Nonprofits – An exclusive support network of high-level women leaders and decision makers from associations and not-for-profits around the NY metropolitan area. EWIN is for networking, fostering dialogue, discussion and debate around critical business issues, sharing high-level interests, practices, operations and trends. The forum meets 2-3 times a year, EWIN is a valuable platform and targeted program for all women leaders
  • Education Committee – Determines the educational needs of members and potential members and provides opportunities to address those needs. The committee, which includes the chairpersons of the Professional Development, Technology and CAE Career Enrichment Committees, is responsible for determining the vision for educational efforts, providing oversight of allied committees in program design and implementation and identifying and addressing any shortcomings in educational efforts. (Meets 6-8 times per year)
  • Meet Ny Committee – Advises and counsels the NYSAE Board of Directors and staff on plans for the annual Meet NY. Reviews and makes recommendations on all arrangements, including program, promotion, message, and theme. Develops recommendations and procedures directed toward member participation improving exhibit segment of program and assists in selling exhibit space. Works closely with the Vice President of Meetings & Conferences and Staff on all aspects. (Meets 4 times per year.)

Buttons/Hyperlink

Buttons Styles

Buttons are critical for usability and user conversion on a website, making it easy for visitors to engage with content or services. A few examples of where to use them include call to actions (CTA), navigation, and submission of forms. Use them sparingly. Below are common buttons used on the website and their interactions. Never change the way they look or interact.

Light Background

Dark Background

Hyperlinks

Buttons are critical for usability and user conversion on a website, making it easy for visitors to engage with content or services. A few examples of where to use them include call to actions (CTA), navigation, and submission of forms. Use them sparingly. Below are common buttons used on the website and their interactions. Never change the way they look or interact.

Light Background

Dark Background

Section Templates

Section Templates are pre-designed blocks of content, like benefits sections, calls to action, or contact forms, which can be inserted into any page to speed up the design process. Below are a few examples of section templates.

Header

Benefits

Membership Benefits

Call to Action

Stay Informed with Metro NYSAE's InView Newsletter

Sign up today for expert insights, best practices, and exclusive updates delivered to your inbox.

Skip to content