Welcome to Your Website Guide!

Here you can reference the typography hierarchy, color application, and use of layout, graphics, and other elements that are aligned with your branding. Please also view the video available in the button below on how to use this guide, as well as the built-in Squarespace style features.

View Site Styles Video Here

Typography Hierarchy

This is Heading 1

This is your largest text. Use this for titles of your pages or sections. The copywriting for these should be 1 - 5 words.

This is Heading 2

This is your second largest text. Use this for any sub-titles of your pages or sections. The copywriting for these should be about the length of a sentance.

This is Heading 3

This is your second sub-heading. Use this for titles for multiple items like lists

This is Heading 4

This is your smallest heading. Use this for sub-titles in groups of items like lists, or longer-form statements that are 1-2 sentences long.

This is Paragraph 1

This is your largest paragraph or body text. Use shorter-form body text.

This is Paragraph 2

Use this for the majority of your longform copy, with 1-3 paragraphs.

This is Paragraph 3

This is your smallest paragraph size, use this for footnotes, secondary body information.

Color Guide

Below are the suggested section background color schemes when adding new sections to the website. Each section has color already assigned to the elements such as the text and button colors.

Primary Section Background Color Scheme - Light

This is called “Light 2”. This is a primary section background color scheme in light. Text should be black.

Buttons Will Be Orange

Primary Section Background Color Scheme - Dark

This is called “Darkest 2”. This is a primary section background color scheme in dark. Text should be white.

Buttons Will Be Orange

Secondary Section Background Color Scheme - Dark

This is called “Darkest 1”. This is a secondary section background color scheme in dark. Text should be white.

Buttons Will Be Dark Blue

Secondary Section Background Color Scheme - Light

This is called “Lightest 2”. This is a secondary section background color scheme in light. Text should be black.

Buttons Will Be Dark Blue

Tertiary Section Background Color Scheme

This is called “Lightest 1”. the light blue color scheme, where text should be black

Buttons Will Be Dark Blue

Guide for Images and Graphics

Images: all images have their backgrounds removed - this can be done on Canva (link to be shared)

The images are meant to be “framed” into a shape that provides a background color

Small graphics can be included within the background of the image (between the photo and shape color) in a manner that does not obstruct the image, and instead compliments it. Select graphics with contrasting and complimentary colors to the shape color and the section background color.

A group of smiling children of diverse ethnicities looking down at the camera in a circle.
Silhouette of a cartoonish explosion or burst with sharp, jagged edges.
Abstract dark teal starburst shape with multiple points on a black background.
A digital illustration of a brown macaroon with white sprinkles.
Children of diverse ethnicities with smiling faces looking down at the camera in a close-up group portrait.

Image

Shape with Color Fill

Illustration of a slice of bread with an orange surface and white polka dots.
Stylized blue starburst or explosion graphic on a black background.
Stylized blue starburst shape on a black background.

Graphics

Alternatively to having graphics within the image block, you can include a graphic in the background of the section, with no graphic in the image block.

Any graphics used in the background of a section should be monochromatic to that section color. We want low-contrast in the background elements, so that the foreground elements are the ones standing out to the reader.

Also important is that any graphics used in the background should be in the corners of the section so that they do not interfere with the text on the section.

A woman sitting at a wooden table with two children, one girl and one boy, engaging in learning activities; the girl is writing in a notebook with colorful pens, the boy is standing and playing with an abacus, and the woman is smiling at him with a laptop and tablet on the table.

Utilizing Saved Sections

Below are a sampling of the saved sections within your website. When you go to add a new section, click on “Saved Sections” on the left-side menu, and you will see sections that are already designed and built that you can add anywhere. Then, you can customize that section with changes to the colors, images, and graphics to suit that section’s information.

What to expect from our academic coaching.

  • A dark blue circular icon with the number 1 in white text

    Understanding Your Needs


    We conduct a complimentary assessment call to understand your goals and create a customized plan for success. 

  • A dark blue circle with the white number 2 in the center.

    Learning Plan & Coach Match


    Your personalized academic plan integrates student strengths and needs and matches you with an expert coach.

  • A dark blue circle with the number 3 in white text.

    Equipped Learners


    We align subject learning with practical skills, which supports learners as they grow personally and academically.

  • A dark blue circle with the number 4 in white text at the center.

    Working as a Team


    Collaboration is central to our success. We coordinate with educational teams and families to assess challenges and achievements.

  • A dark blue circle with the number 5 in white space

    Progress Tracking


    We provide consistent progress updates to communicate our observations, methods, and evolving learning plans. 

Meet Your Team

Meet the MES Team

MES is a dedicated team of highly skilled educators with classroom and in-school experience. Our coaches share core values of collaboration, dependability, and compassion. Above all, they are sensitive and responsive to the needs of our students and families.

Learn Our Story
A woman sitting at a desk with two children, one girl drawing in a notebook and a boy playing with a colorful abacus.

Our Guiding Principles

Academic Coaching is more than increasing subject mastery.

When students find learning to be relevant, meaningful, and fun, they retain key concepts and skills long after our sessions together are over.

Young woman with glasses studying or working at a desk, looking at her phone with a focused expression.

Every student deserves personalized attention.

MES specializes in neurodivergent learning for those diagnosed with ADHD, dyslexia, and dysgraphia. Our sensitive approach benefits all students.

Group of seven diverse young children smiling and posing together, some making peace signs, wearing casual clothes and backpacks.

Proven educational methods ensure student success.

MES coaches utilize a concrete strengths-based model to address the dynamic needs of each student.

A person writing on a piece of lined paper with a pen.

Support the whole family with honesty and compassion.

Collaborative work and open communication enable everyone to achieve success and peace of mind.

A young Asian girl and an adult woman playing a high-five game at a table with colorful game pieces.

Invest long-term to solidify overall growth.

Consistent coaching allows for comprehensive learning across subjects and learning concepts.

Children and an adult gathered around a table looking at papers, engaged in activity.

Calm, creative, empathic learning provides an opportunity to thrive.

We bring academic experience to create a fun and educational experience where students feel comfortable learning.

A young girl with light brown hair wearing pigtails, a pink headband, a black dress with pink details, and a blue backpack, looking off to the side against a black background.
Diagonal black and light green striped pattern.