Created
March 26, 2015 15:59
-
-
Save beckysoll/a6395eab8c579ab7ace5 to your computer and use it in GitHub Desktop.
Support Lincoln Center Website Elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#**Support Lincoln Center** Website Elements | |
Character counts given are maximums, shorter is always ok. | |
##Hero Slider | |
On Homepage & Giving Channel Pages | |
####Image | |
- **Desktop Image Size:** 3840px × 2160px | |
- **Mobile Image Size:** 1125px × 820px | |
####Text | |
- **Title:** Max 2 lines, max ~20 characters/line | |
- **Copy:** ~100 characters | |
- **Buttons:** Max 2 buttons/slide, keep labels short & sweet. | |
##Home Cards | |
Automatically generated for each giving channel. | |
####Image | |
- **Square Crop (large screens):** 640px × 640px | |
- **Horiz Crop (smaller screens):** 1400px × 788px | |
####Text | |
- **Title:** ~35 characters | |
- **Copy:** ~150 characters | |
- **Buttons:** Max 2 buttons/slide, keep labels short & sweet. | |
##Giving Channels Page Blocks | |
- **Block Titles:** ~20 characters/line, no more than 2 lines at small/mobile screen sizes | |
###Super-Sized Header Block | |
- ~ 50 characters | |
- Try to make sure there are no more than 3 lines of text, at small/mobile screen sizes, where the most line breaks will occur. | |
###Text Columns Block | |
- **Column Titles:** Character count depends on how many columns are being used, the more columns, the shorter the titles should be. Try to make sure there are no more than 2 lines at small/mobile screen sizes per column. | |
- **Copy:** Make sure the columns are balanced, try to keep similar amounts of text in each. | |
- **Buttons:** Max 2 buttons/slide, keep labels short & sweet. | |
###Image Columns Block | |
- **Images:** 640px × 640px | |
- **Column Titles:** Character count depends on how many columns are being used, the more columns, the shorter the titles should be. Try to make sure there are no more than 2 lines at small/mobile screen sizes per column. | |
- **Copy:** Make sure the columns are balanced, try to keep similar amounts of text in each. | |
- **Buttons:** Max 2 buttons/slide, keep labels short & sweet. | |
###Events Block | |
- **Event Titles:** ~40 characters | |
- **Event Subtitles:** ~60 characters | |
- **Date Formats:** Month XX, Year at 0:00 am | |
- **Event Descriptions:** ~60 words | |
- **Buttons:** Max 1 buttons/slide, keep labels short & sweet. | |
###Past Event Galleries Block | |
- **Gallery Title:** ~20 characters | |
- **Gallery Description:** ~ 100 characters | |
- **Photo Captions:** ~ 70 characters | |
###Membership Benefits Block | |
- **Upsell Messages:** ~40 characters | |
- **Benefit Descriptions:** ~120 characters. Try to keep them no more than 3 lines on small/mobile screen sizes. | |
###By the Numbers Block | |
- **Number Caption:** ~30 characters | |
###Impact Block | |
- **Images:** 640px × 640px | |
- **Text:** ~150 characters | |
###Video Block | |
- **Video Description:** ~60 words |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment