Navigation Menu

Style Guide of the Global Archives

of the Ecumenical Institute and Institute of Cultural Affairs

Current Collections

Archive Colors

 

Green
(rgb) 196, 238, 197;  (hex) #c4eec5;  (hsv)  121°, 18%, 93%

 

Blue
(rgb)  191, 214, 234;  (hex)  #bfd6ea;  (hsv)  208°, 18%, 92%

 

Yellow
(rgb)  255, 235, 179;  (hex)  #ffebb3;  (hsv)  44°, 30%, 100%

 

Red
(rgb) 228, 192, 187;  (hex)  #e4c0bb;  (hsv)  7°, 18%, 89%

Headings:

 

Line heights for fonts are set to 1.618 X the fontsize: based on http://jsbin.com/todidu/1/edit?output

 

Heading 1 example  (30 px, 700 weight, color: x05538a)

 

 

Heading 2 example  (26 px, 700 weight, color: x05538a)

 

 

Heading 3 example  (22 px, 500 weight, color: x000000)

 

 

Heading 4 example (18 px, 700 weight, color: x000000)

 

 

Heading 5 example (16 px, 700 weight, color: x000000)

 

 

Heading 6 example (14 px, 700 weight, color: x000000)

 

 

Text Body example (17 px, 400 weight, color: x000000)  Lorem ipsum dolor sit amet, natum inermis ex vim (bold). Quidam argumentum eum at, at vix apeirian verterem. Nisl fuisset deserunt ne mel, eu case vidit mei. At bonorum invidunt urbanitas per, ne equidem repudiare qui. Te agam aliquando sed, simul facete appellantur has in. At debet dicunt quaerendum qui, altera eloquentiam ei usu, et dolor laudem similique eum.

 

 

Page setup configuration requirements:

 

 

Parent page

 

 

Each page must have a parent page listed in the page attributes selection box (right hand side of the page editing screen)

 

 

Subtitle

 

 

Each page must have a subtitle. This is specified in the Subtitle field of the qode options at the top of the page. This is needed to further inform the reader about the content of the page and it also properly formats the placement of the breadcrumbs underneath the title area.

 

 

Category – collection:

 

 

Spacing requirements:

 

 

All paragraphs must be separated by 3 CRLF (return key entry) to provide proper spacing on the viewed webpage.  This includes the last paragraph on a page.

 

 

 

Links:

 

 

Links to external documents should open a new browser tab.  Links to internal pages should open in the current browser tab.