I am "fixing" a pre-existing website, with minimal changes as possible, because the site is due to a redesign in few months, anyways (probably).
This site has a navigation bar that opens a list of primary navigation elements.
Here's a quick mockup how it looks now (this is not the REAL page, just a mockup).
When the user clicks on a primary navigation item, a new site page loads.
The new default page has the same name as the primary element and includes an overview info about the said element / category.
However, many of the categories have sub-elements that further on explain the topic.
Also, mind the breadcrumbs, the path currently looks like this:
Home / Group 1 / Primary element 1 / Primary element 1
And if you select a sub element, it looks like this:
Home / Group 1 / Primary element 1 / SUB element 1
Is there a way to visually separate the "primary element" page from the sub-pages?
By that I mean, so a person should see it and say, OK this page is primary, others are not equal to this one - this is the one I have to click to get the overview.
I am also aware, that the color should not be the only way to show something is different, and by that I mean a color change, where there is not enough contrast between state 1 and 2.
Thank you for all your help!
Ah, to add:
I this mockup - the first element in the subnavigation is ALWAYS pink (in this example), if the user clicks on the other element, it only gets underlined, but the first one still stays pink (to show it's the main element)