Explore our Design Guidelines to understand the principles and best practices for creating consistent and user-friendly designs. Learn how to align your projects with our standards and ensure a seamless user experience.
The header is divided into two sections: the left side and the right side.
The text links in the navigation bar change to a darker color when hovered over.
Left side
The left side contains the Open Data Hub logo followed by a horizontal navigation menu with links to the following sections: Services, Datasets, Use Cases, Web Components, Quickstart, Community, and Events.
Dropdown menus are available for Services, Community, and Events, indicated by small downward arrows. These expand to reveal additional sub-options:
Services:
Data Access,
Data Sharing,
Data Visualization,
Certification
Community:
Data Providers,
Data Consumers,
Partnerships,
Contributor of the Year,
Get Involved,
Design Guidelines
Events:
Upcoming Events,
Past Events,
Recurring Events,
Video Library
Right side
The right side displays the About Us link, which also includes a dropdown menu that expands with the suboptions "About us" and "Contact us". To the far right is the NOI Techpark logo, visually connecting the platform to its parent organization.
The footer is structured into two main sections: the upper part and the lower part
Upper part
The upper part of the footer is divided into two sections.
On the left, the Open Data Hub logo is displayed with the tagline "Place where data and tech are shared", underlined on hover and serves as a link to the Open Data Hub main page.
On the right, the NOI Techpark logo is shown with the tagline "Innovation hub in Südtirol/Alto Adige", underlined on hover and links to the NOI Techpark website.
Lower part
The lower part is divided into four sections: Services, Quickstart, Community, and Social Media.
The Services section includes links to Data Access, Data Sharing, Data Visualization, and Certification, providing access to core Open Data Hub functionalities.
The Quickstart section offers links to Datasets, the Data Browser, Analytics Tool, Web Components, and resources for accessing Open Data Hub data using R.
The Community section provides links to community resources and events.
The Social Media section links to GitHub, Telegram, element.io, and Facebook. Each platform is represented by its logo on the left of the link.
All links in the lower part should underline on hover to indicate interactivity and improve usability.