Child pages
  • Journal Website: Appearance Guidelines
Skip to end of metadata
Go to start of metadata
  1. Required IU Branding
  2. Journal CSS Stylesheet: Banner and Font
  3. Logo 
  4. Thumbnail
  5. Homepage Image
  6. Sidebar Management


Don't alter journal website beyond these guidelines, and make sure you comply with Required IU Branding as listed below. If you have concerns or questions, contact iusw@indiana.edu

While we prefer our journals utilize our specialized OJS format and appearance, we will allow small changes to be made for particular images, fonts, and front page structure. To edit these ares, select Settings > Journal > Website > Appearance on your journal's editorial dashboard. 


1. Required IU Branding

Due to IU branding restrictions, several features of our journal websites must be consistent across all journal websites.

This includes: 

Header & Footer

The Indiana University crimson header and footer will be displayed on all journal webpages.

Font

All journals have default Benton Sans font. Our instance of Open Journal Systems must follow IU Branding Font and Typography standards, ensuring visual consistency and accessibility:

https://brand.iu.edu/design/fonts.html/

If you are interested in incorporating the other two IU-sanctioned fonts, Georgia Pro and Salvo Serif, onto your journal's website, you will need to update your Journal's CSS Style Sheet, as explained below.

Page Layout

The overall layout of all Open Journal systems pages for IU Open Journals are uniform across journals. Please do not ask us to rearrange general layout features. 

Images

This guide will show you where to upload images on your journal's website, such as a logo, homepage image, and thumbnail- but please ensure that you are within copyright compliance for all images posted on this site. This means that you either created and designed such images, paid for the images, or are using images with a license that allows for sharing and reuse. Also, be sure to include useful alternate text for screen readers whenever possible. 

2. Journal Style Sheet: Banner and Font

On the Settings > Journal > Website > Appearance page of your journal's editorial dashboard, you will see an upload button for a Journal Style Sheet. If a member of your editorial board or journal management team has experience in CSS, they are welcome to make limited changes to your journal's homepage. OJS will not allow certain features to be edited to ensure stability and consistent branding, but you can change the banner visible below the IU header and the font of your webpage.

NOTE: We are unable to provide CSS training for your journal and may ask you to limit certain changes if your CSS disrupts IU branding requirements. 

We offer a CSS template that can remove the default banner from your journal website showing Wells Library:

And replace the banner with the neutral area pictured below.

We can also provide a CSS sheet that will incorporate Georgia Pro or Salvo Serif, the other two IU-approved fonts, onto your journal's website.

3. Logo

On the Settings > Journal > Website > Appearance page of your journal's editorial dashboard, you will see an upload button for a Logo.

You can upload a logo for you journal here. This image will automatically resize, but for best quality, it should probably be at most 100x100 px and have a 1:1 image ratio

Th logo will replace the title on your journal's website header, as seen below:

And it will also replace the eugenic OJS logo on your journal's editorial dashboard. 

4. Thumbnail

On the Settings > Journal > Website > Appearance page of your journal's editorial dashboard, you will see an upload button for a Journal Thumbnail.

This image must be 200 x 200px, and preferably have a resolution of 300 dpi.

This thumbnail will appear on the list of all IUScholarWorks Open Journals and must meet these sizing requirements to display consistently within the list.

5. Homepage Image

On the Settings > Journal > Website > Appearance page of your journal's editorial dashboard, you will see an upload button for a Homepage Image. This image can be any size, but must have a 5:1 or 5:2 (length:width) ratio in order to display properly on the website. 

The image will be displayed on the front page of your journal, above your journal summary.


6. Sidebar Management

On the Settings > Journal > Website > Appearance page of your journal's editorial dashboard, you will see an area called Sidebar Management. Here, you can click and drag different "blocks" so that they will appear (or disappear) from the sidebar visible on all of your journal website pages. You can also order and reorder blocks that appear on your site. Everything placed under "Sidebar" will be visible on your website, and all content under "Unselected" will not be visible.








Below is how the sidebar of a journal's website appears according to the changes made in the image above. Only the "Make a Submission" and "Developed By" (in our case, always Open Journal Systems) blocks appear on the journal's web pages. 









Questions? Contact us at iusw@indiana.edu.


  • No labels