Image Sizes
Please reference the list below whenever you're creating new images for your site. You should find a size for all possible images you'll need/use.
- Home Slideshow: 1500px × 700px
- Home featured images (the circles): 400px × 400px
- Page Header Images: 1500px × 400px
- Background Image Block: 1500px × 700px
- Gallery Images (max dimensions for the long edges of an image): 1000px (max) × 800px (max) (*For example, photos in Bears Ears gallery are 1000px by 668px (horizontal) and 668px by 1000px (vertical))
- Sidebar Images: 600px × Any
- Sidebar Video: 600px × 400px
- L/R Block images: 600px × 660px (recommended)
- Blog Post Featured Images: 815px × 405px
- 3 column block images: 600 px x 600 px
- News and Press Release Thumbnails: 600px × 410px
- Embedded Map Area: 1170 × 600px
- Resource Thumbnails (feed and resource): 770px × 540px
- Soapbox forms (banner): 1140px x 380px
- Staff Bio: 600 x 600px
- Staff Detail Banner: 1500px × 400px
- Inline images full-width on blog: 815px × 463px (suggested) 900+ width for maps with text (suggested)
- Captions for inline photos in blog: 12 point font. Credit: 10 point font, ALL CAPS. Example: This is a caption. JANE DOE
- Advocate bio image: 90px × 90px
Detail Image on Blog Author: 700 x 700 pixels
Timeline Item Image: 353 x 236 pixels
Timeline Open Item Image: 490 x 155 pixels
- Hike Thumnails: 600px x 600px (as long as square can be anywhere from 300px by 300px to 1000px x 1000px)
- Lightbox Image: 640px x 385px. With text have been uploaded at 1364 px x 1500px
- Campaign Monitor image sizes for best results:
- Header: 900px by 300 px
- E-News
- Full Width: 600px by 336px
- Half Width: 480px by 362px
Word/Character Counts
- Staff Bio: 100-175 words
- Blog: 400-1600 words
- Page Titles: 34 characters (with spaces) max
- Page Subheads: 80 characters (with spaces) max
- Page Intro Text: 80-115 words max
- L/R Image blocks: 50-75 words max
- Our Role Block: 55 words max
- Our Solutions 3 Column Blocks: 20 characters max for each column title; 35 words max for each column of text (all three similar lengths)
- Slideshow Photo Captions: must be same character count for each image/caption
- Call to Action Blocks: 55 characters (including spaces) max
- Spacing: One space between sentences
- Timeline–for each item:
- Summary slide: Date (Day, Month, Year), photo, short description (HARD WORD COUNT: 17 words or 115 characters including spaces)
- Detail slide: Photo, pithy phrase (5 words or 35 characters including spaces), detail text (no word limit, but be concise)
Block Formatting
- Team member
- Staff quote content block: Author name justified right with en dash before name
Grand Canyon Trust Writing Style Guide
Is it Grand Canyon Trust or the Grand Canyon Trust? Check the style guide ›
Looking for a public-friendly term? Check out our conservation dictionary ›
Symbols
- Use › for hyperlinks, not >
Font Specifics
- H1 - Calluna, 400 • 75px/75px • Color: #2c0e09 • Letter-Spacing: +10 • Margin: 0 0 75px
- H2 - Calluna, 400 • 40px/60px • Color: #561b11 • Margin: 0 0 15px
- H3 - Calluna, 400 • 30px/60px • Color: #561b11 • Letter-Spacing: 100 • Margin: 0 0 15px
- H4 - Calluna, 400 • 25px/50px • Color: #561b11 • Margin: 0 0 30px
- H5 - Tahoma, Bold • 20px/30px • Color: #2c0e09 • Margin: 10px
- H6 - Tahoma, Bold, ALL CAPS • 15px/30px • Color: #2c2c2c • Letter-Spacing: 50 • Margin: 0 0 10px
Site Color Values
| rgb(176,56,35) | #B03823 | Hyperlink color Button color |
| rgb(83,127,28) | #537F1C | Hyperlink hover color |
| rgb(144,169,139) | #90A98B | This color and gradients of this color are often used for block backgrounds |
| rgb(247,148,30) | #F7941E | Quote
Button hover color |
| rgb(44,14,9) | #2C0E09 | H1 |
| rgb(86,27,17) | #561B11 | H2 H3 H4 Gradients of this color are often used for block backgrounds |
Blog Tips
Have an idea for a blog? Here's what you need to do:
1. Talk to the Comms Team about what you want to write about and on what timeline (so we can program it into the blog schedule).
2. Send draft to Comms Team by established deadline. We will edit for grammar, clarity, and style. Please keep your draft in the 600-800 word range.
3. Review/approve our edits and comments, tracked in the document we send back to you. Check for accuracy, and track any additional edits you make in the final draft.
4. Send final draft back to Comms Team, and we'll get the appropriate approval from Program Staff before publishing.
5. Follow the tips below when you start drafting:
- Tell a story (for a journalist, a story is usually one of seven “news pegs”: timeliness, relevance, proximity, prominence (celebrity), human interest, conflict, oddity.)
- Start small, and zoom out to bigger picture — use an anecodote to illustrate a larger point.
- Use active verbs (not passive verbs: is, are, was, were, be, being…)
- Avoid technical jargon; if necessary, define it. Check the Trust's Conservation Dictionary for translations of commonly used technical terms into everyday parlance
- Read your blog aloud before you submit it
- Favor short, simple sentences
- Put a face/characters to your work! Don't be afraid to write about yourself.
- Spacing: one space between sentences
Action Alerts
You'll need:
- Deadline. (The last day action-takers can take action.)
- A short, one-to-two-sentence summary of the issue. (This helps the action-taker quickly understand what is at stake, what they're being asked to do, and who they're being asked to contact).
Example:
Urge your senators to help defend Bears Ears, Grand Staircase, and the Antiquities Act of 1906, which allowed for their creation.
- 3-5 short bullet points summarizing the main points to hit in a comment.
- An example comment (as if you were writing a comment to the target yourself).
- The target of the action alert (who the email goes to). If a specific target, please provide full name, title, agency, email address, and phone number).
- Text for 200-300 word action alert network activation email (this is the email that action alert network members receive asking them to visit your action alert and take action).
Miscellaneous
- Photo credits in Campaign Monitor: We use standard photo credits across all emails, which are styled in the templates. They should be left justified, size 12 Helvetica, italics, in the following convention depending on number of photos used:
- (One image in email, no caption needed) Photo by Rick Goldwaser.
- (One image in email that needs caption and credit) Photo: Winter storm in the Grand Canyon. NATIONAL PARK SERVICE.
- (Multiple images in email) Photos: Caption. PHOTOGRAPHER NAME ALL CAPS; Caption. PHOTOGRAPHER NAME ALL CAPS; Caption. PHOTOGRAPHER NAME ALL CAPS.