General:

Design:

  • The entire CCC portal is to be displayed in the color Aqua (CCC-3):

    • Primary color : RGB 0 129 142 (#00818E)
    • Secondary color : RGB 0 181 194 (#00B5C2

Header (CCC-5):

  • The header has a width of 100 %
  • The header is sticky
  • The logo is linked to the start page of the CCC-Portal
  • The middle placed search bar consists of input field, the information about the number of available items (CCC-5 and CCC-46) and a magnifier icon
  • In the middle of the header is a search field, which is always active - no search modal as in the new DDB portal (CCC-5 and CCC-22)
  • Text in the search field: "Search in collections from colonial contexts" (EN) or "Suche in Sammlungsgut aus kolonialen Kontexten" (DE)
  • The button in the search field has a mouse over effect and turns to a hand with pointing finger
  • A search leads to the search results page (objects must be ingested und indexed, first)
  • The person icon as an log in/out indicator is not provided (CCC-47)
  • The logo has language and size variants 2 each (CCC-4)
  • SM/XS: Smaller logo (CCC-4)
  • SM/XS: It looks as in Zeitungsportal (just logo, magnifier icon, burger icon). On click on the magnifier icon a new layer opens (background color is Aqua) (CCC-49)

Above the header a grey element on top (Ein Portal der Deutschen Digitalen Bibliothek) is linked to the home page of the DDB. The element is visible on all pages and disappears when scrolling down. (CCC-54)

Menü: (CCC-6) 

  • The menu opens with a click on the menu icon
  • Animation: The menu slides over the content from the right margin
  • The content is greyed out if the menu is opened
  • The menu is as in the DDB portal. There are only four menu items for the beginning: Start page / About us / FAQ / Contact (CCC-6 and CCC-16)
  • All menu items are linked to CCC sites
  • The person icon is not provided (CCC-47)
  • Menu: Items "My DDB" and "Log out" should not be displayed (even if the user is logged in in the DDB portal) (CCC-47)
  • Mouse over menu items are underlined
  • The menu closes with a click on the x-icon or the background or by the ESC key
  • XS: The menu must be scrollable

Footer (CCC-7):

  • The footer has a width of 100 %
  • The menu has the only selected icons from the DDB-Footer
  • The social links are the same as in the DDB portal just with different icons
  • On mouse over menu items should be underlined.
  • XS: The menu items are arranged differently
  • XS. The social icons are displayed over the menu


Startpage (CCC-8):

Example: https://dev-ddb.fiz-karlsruhe.de/ccc-master/

  • Available via url "ccc.deutsche-digitale-bibliothek.de/"
  • The content is centered horizontally like in the entire DDB Portal


Search results page (CCC-9):

Example: https://dev-ddb.fiz-karlsruhe.de/ccc-master/searchresults

General:

  • CCC objects are also displayed in the same way in the DDB portal. If an object is found in the DDB search that is also available in the CCC portal, a link is provided to the DDB object page (CCC-1)
  • Search results page: "Save search" and "Add to favorites" icons should not be displayed (even if the user is logged in in the DDB portal) (CCC-47)

Header:

  • Same as on the startpage


Object page (CCC-10):

Example: https://dev-ddb.fiz-karlsruhe.de/ccc-master/item/BG5UNKDPSIH3H7N3DXRUKRRCE7BEWMXG

General:

  • The object page corresponds largely to the DDB portal, the differences are (CCC-10):

    • The "Show object" link is not displayed by default
    • Similar objects in the page bottom refer only to similar objects in the CCC portal
  • In case that individual data providers (Datengeber) insist on a link to the object at the data provider website, the link must be displayed to the object for individual data providers in deviation from the rule that the link is not displayed. (CCC-14)

Header:

  • Same as on the startpage

Viewer on the item page:

Example: https://dev-ddb.fiz-karlsruhe.de/ccc-master/item/I7TYSEYNMFSSMELSVF3U6HCMTLDSJIDF

  • The object page contains an embedded viewer with objects pictures with thumbnails in its bottom
  • The picture within the viewer can zoomed in and out, maximized and minimized by respective buttons
  • All 4 viewer buttons have respective tooltips (CCC-37)


Institution page (CCC-11 and CCC-19):

Example: https://dev-ddb.fiz-karlsruhe.de/ccc-master/organization/AACMPAHVIFUOYDR4EOULWMMIL7YT2K3W

General:

  • The institution page corresponds largely to the DDB portal, the differences are (CCC-11):

    • The description of the institution comes from the Drupal CMS, not from the registry.
    • Linktext under the institution name should be "<number> Objekte in Sammlungsgut aus konlonialen Kontexten" / "<number> objects in Collections from Colonial Contexts"

Header:

  • Same as on the startpage


Person page :

Example: https://dev-ddb.fiz-karlsruhe.de/ccc-master/person/gnd/116939095

General:

  • Under the headline Search on the right upper page section the person name appears with appendix "in Sammlungsgut aus kolonialen Kontexten" (DE) / "in Collections from Colonial Contexts" (EN) (CCC-38)

Header:

  • Same as on the startpage
  • No labels