Skip to content

Instantly share code, notes, and snippets.

@beckysoll
Created March 26, 2015 15:59
Show Gist options
  • Save beckysoll/a6395eab8c579ab7ace5 to your computer and use it in GitHub Desktop.
Save beckysoll/a6395eab8c579ab7ace5 to your computer and use it in GitHub Desktop.
Support Lincoln Center Website Elements
#**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