海角社区

Skip to Social Media site navigationSkip to main content

Graphic Design Tips for Social Media

Design tips for social media - web banner

Below are some helpful tips and guidelines when designing for digital promotion.

Tips

  • Leave some space all around the edges, you don’t want copy* coming to the edge of the graphic – this makes it harder to read.
  • When designing for digital, be sure to work in pixels
  • Minimize the amount of copy you use in a post, short catchy headlines are best, use the caption for more details and send the viewer to a webpage for more information.
  • A photo is always welcome and will usually stop a “scroller”

*Copy is the text that appears on a designed piece, including flyers, webpages, posters, and other print or digital materials. You may also hear it referred to as 鈥渓anguage,鈥 鈥渃aption,鈥 and 鈥渄escription.鈥 When working with the Marketing team, you’ll be asked to provide the copy first. The team may then recommend revisions before moving forward with the design.


Colors

Please use our approved brand colors, which you can find here. Please use the the HEX codes or RGB for web/digital use. Maroon is Ramapo’s main color, please have that as the prominent color and the other colors like red, gold, gray and cool black as supporting.


Fonts/Typography

For body copy, try to use sans serif fonts. Suggestions: Open Sauce One, Sarabun and/or Arial.

For a header use something a bit more bold like Action Condensed Bold, Bebas Neue, Impact or Oswald.

To see samples and learn how to best use our typography, visit here.


Dimensions

Here are some of the most common platforms and their dimensions. Of course each platform has their own specific dimensions for event headers, profile images, and more – and they are quite happy to update dimensions with every app update. We try to Google periodically to stay in know!

Instagram Story: 1080 x 1920 pixels (Please try to leave 200 pixels at the top and bottom free of text or the important part of the image, some older phones will cut off the top and bottom of the graphic, you can still put color and/or a design in that space and not leave it blank. See below for an example)

Instagram Feed:

  • Vertical / Tall (New Standard): 1080 x 1440 px (3:4 ratio) gives you maximum height and screen space.
  • Portrait: 1080 x 1350 px (4:5 ratio) is the traditional long-standing vertical size.
  • Square: 1080 x 1080 px (1:1 ratio) works best for centered or symmetrical graphics.
  • Landscape: 1080 x 566 px (1.91:1 ratio) is used for horizontal photos.

Facebook Feed:

  • Portrait (4:5 Ratio): 1080 脳 1350 pixels is best because it takes up the most space on mobile screens.
  • Square (1:1 Ratio): 1080 脳 1080 pixels works well and looks neat on all devices.
  • Landscape (1.91:1 Ratio): 1200 脳 630 pixels is ideal for shared website links and desktop views.

LinkedIn Feed:

  • Minimum size: 552 x 276 px
  • Recommended width: 1080 px or higher
  • Square image: 1080 x 1080 px
  • Portrait image: 1080 x 1350 px (4:5 ratio) takes up the most vertical real estate in the mobile feed without getting cropped. It tends to outperform square posts on engagement.
  • Multi-image posts: up to 20 images

X Feed:

  • Images: 1200 x 675 px (16:9)
    Square: 1080 x 1080 px (1:1)
    Vertical: 1080 x 1350 px (4:5)

Archway Event Photo: 640 x 350 pixels


Examples

Instagram Story

Notice the space at the top and bottom does not have anything important placed there, that we would not be upset if it was cut off on screen.

An Instagram Story designed visual that has students featured in the center in different circles. Up top, there is text that reads "Scholarships Available" and towards the bottom left is the Ramapo Foundation logo. The color palate of the background and design elements are on brand for Ramapo with dark black, white, gold and maroons.

Facebook Feed

Most of the visual is a real photo of two female students sitting outside on a fall day with their laptops open on their laps. They smile as if working and chatting. On the bottom is a maroon background with white text that reads, "Time to apply to RCNJ" with a white banner version of the Ramapo logo.

LinkedIn

A designed image for a LinkedIn feed. It has three photos and text on it. The top left photo is a group of people coming together for a photo at an alumni event. Some hold beverages in their hands. The bottom left image is a woman, man and a baby posing together for a photo for the camera. The top right image is of the College Park Apartment's on a sunny summer day. On the bottom it reads, Sleepaway at Home Sweet Po" with the Ramapo logo in the far bottom right.


You can learn more about Ramapo’s brand standards, colors palette, and logo usage on the聽Design Guide website.