Goldin Institute Website Style Guide

Bulleted Lists

  • Use solid discs for bullets.
  • Periods after sentence in bulleted list.

Acronyms

Spell out uncommon acronyms on first mention. If the acronym is well known to the audience you are writing for, it does not need to be spelled out.

Addresses

Use figures for numbered addresses. Abbreviate and capitalize Ave., Blvd. and St. Spell out alley, drive and road. Spell out first through ninth and use figures for 10 and higher names in street names with numbers. Abbreviate the cardinal directions.

205 S. Haywood St.
3838 Mulholland Drive

Age

Use figures. Hyphenate ages that function as descriptors.
She is 28 years old.
She is a 21-year-old student.

Bold

Avoid overuse. Use for document titles and headlines. Do not use to distinguish certain words.

Italics

To distinguish certain words from others within the text. Use for titles of newspapers, journals, magazines, radio/television programs, artworks, famous speeches, etc. Do not italicize the word ‘the’ even when it is part of the title (the New York Times).

Date

Always use Arabic figures without st, nd, rd or th. (e.g. Dec. 3 not the 3rd of December). When a date is noted as only the month and year, do not use a comma to set off the year. Use a comma to set off the year only when writing out the month, date and year. Abbreviate months that are longer than two syllables if writing out a specific date. See the entry “Month” for more details.

December
December 2014
Dec. 1
Dec. 1, 2014

Dimensions

Use figures and spell out feet, yards, miles, inches, etc.

Industry

Substitute organization for industry whenever possible, unless it impedes clarity. Avoid the use of industry as a generalizing term.

Month

Spell out the month if it stands alone in a sentence. When referencing a specific date, abbreviate the following months: Jan., Feb., Aug., Sept., Oct. and Nov.

More than

More than should be used when referencing numbers or the amount of something. To avoid confusion, do not use over in these situation.

Numbers

In most cases, spell out one through nine and use figures for 10 and higher. The following are exceptions to this rule:

  • Use figures when discussing a person’s age—see the entry on “age” above for more detail.
  • Spell out any number that begins a sentence, excluding years.
  • Use figures in tables and charts. When referencing money, use figures and spell out cents, million, billion, etc. $13.75, $1 million, 4 cents.

Ellipsis

Three periods. Use space before … and after.

Oxford Comma

The last comma used in a series of commas. The oxford comma should be omitted in every situation unless the sentence is unreadable without it.

Dashes

  • Avoid using double dashes: —
  • Use standard dashes for in word: Ex-Combatants; co-existence
  • Use – for continuation of sentence
  • Use — for container information: What are the roles and responsibilities of different sectors—education, business, government, religious communities, NGO’s and others—in providing these services? 

Punctuation

Use only a single space after a period. Commas and periods go within quotation marks.

Over

Over should be used to refer to spatial relations. Use more than when referencing numbers or an amount of something.

Ordinals

Numbers used to indicate order (first, second, 30th, 100th, etc.). Spell out first through ninth. Use figures for 10th onward.

Code: 30<sup>th</sup>

Percent

Only use percentage signs in tables and graphs. Spell out percent in all other cases.

Phone Numbers

List phone numbers with periods. Omit parenthesis and dashes.

555.555.5555

Professional Titles

Capitalize titles if they precede a name. Lowercase titles if they follow a name.
Goldin President Jane Doe attended the event.
Jane Doe, Goldin president, attended the event.

State

Only abbreviate states in datelines. Spell out states in all other uses.

Chicago, Illinois

Time

Always lowercase a.m. and p.m. To avoid confusion, use noon and midnight instead of 12:00.

Use space between numbers and letters. 12:00 p.m.

Website.

One word. Do not capitalize.

Default headings in Joomla are <h2> tags. Subheadings should be <h3> tags. (unless changed later)

Linking

Both internal and external links should open with new tab.

HTML code: View Code

Quote:

[quote]Child Soldier definition: A child soldier is one under the age of 18 and part of a regular or irregular armed force or armed group participation directly indirectly. Child soldiers perform a range of tasks including combat, laying mines, and explosives; scouting, spying, acting as decoys, couriers or guards; training, drill or other preparations; logistics and support functions, pottering, cooking and domestic labor; and sexual slavery or other recruitment for sexual purposes. (UNICEF 2003). 

– Workshop participant Getchine Lima

[/quote]

 

Credits under image:

Lissette on left, along with fellow Global Associate Denis Okello and advisory board members, Akif and Sebastian at a recent ESPERE training in Mexico City.

Floating image left/right:

povertyprimary

 

 

 

 

 

 

 

 Center Image:

Associate Alexis Smyser attends the Conflict Mineral Exhibit in Chicago

 

Accordians:

header 1

paragraph1

paragraph2

header 2

paragraph1

  • some list
  • ….

 

Color Box:

[hl bg=”#d07000″ fg=”#ffffff”]Continue to follow us as we share new learnings and outcomes from this latest conference in Bogota. See how the common theme of social cohesion that began 12 years ago in Manresa is alive and well and being proven highly adaptive in new environments and by new leaders bringing positive change to their communities.[/hl]

Full Width Color Bar:

[block title=”Color Bar Title” bg=”#2ba2e0″]

content goes here…

[/block]

Image Scrolls (slideshows):

[slide]

[img path=”images/IMG_0394.JPG”]Above photo: Teachers consult the ESPERE guide at a recent workshop outside Bogota[/img]

[img path=”images/IMG_0067.jpg”]Above photo: Goldin Institute Associate Lissette Mateus Roa leads a break-out circle at recent ESPERE workshop[/img]

[/slide]

Straight captions look like this: *(remove any dimensions in code)

Freddy Mutanguha of the Kigali Genocide Museum speaks with Founder Diane Goldin and local colleague Hussein Karangwa.

Video

https://vimeo.com/168977744

Font-family:

Open Sans, (Helvetica, Arial, Sans-serif)

Color Palette:

color palette 

Goldin Institute Logo / Branding

Put image here

Image Size(s):

For captioning-bar to overlay properly in an article photo, pixel dimension should be placed (in content) @ 1170 width, (with height to fall). Make sure that the pixel size has been removed from the toggle HTML code for proper smart design display across platforms (avoiding any distortion of photo on mobile for example).

Banner sizing:

3000x2000px for inside banner (full article image in joomla).

File naming for multiple images intended for same slideshow:

use the ‘TravisR’ method to easily copy and paste images to coded slideshow (examples below): 

 

 

 

Leave a comment

Your email address will not be published. Required fields are marked *