Style Guide
Having a cohesive and visually appealing website has a lot to do with consistency.
The style guide for this website (below) is a set of guidelines for how elements are displayed on your website. It includes the colours, the fonts, and the styling that has been used through your site. It also includes any .classes that further enhance the appearance of certain elements.
This page is intended to display most of the elements on your website in one place. This does two things. Firstly, it means that any changes to the global settings of your site can be viewed live in one location. And secondly, it gives you an easy reference page when adding to your website down the the track (hint, have you ever forgotten the hex code for one of your colours 🤔).
Logo and Brandmark
Brand Colours
These are the primary colours used throughout the website.
Mud
#3D3935
Rush
#B5C300
Eucalyptus
#4E7637
Pewter Blue
#7DA8AE
Burnt Sienna
#E9724C
The text is treated this way.
Headings are this colour.
Normal text is this colour.
Typefaces or Fonts
Montserrat
The old posters and signs in the traditional Montserrat neighborhood of Buenos Aires inspired Julieta Ulanovsky to design this typeface and rescue the beauty of urban typography that emerged in the first half of the twentieth century. As urban development changes that place, it will never return to its original form and loses forever the designs that are so special and unique. The letters that inspired this project have work, dedication, care, color, contrast, light and life, day and night! These are the types that make the city look so beautiful. The Montserrat Project began with the idea to rescue what is in Montserrat and set it free under a libre license, the SIL Open Font License.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Typography
This is a H1 Heading
This is a H2 Heading
This is a H3 Heading
This is a H4 Heading
This is a H5 Heading
This is a H6 Heading
And this is some paragraph text. Here is some in bold. And here is some more in italics. Of course you can also underline some sections, or even strike some out. Some more would read as lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
An example of bullet points:
- Point 1
- Point 2
- Point 3
- ...
An example of a numbered list:
- Point 1
- Point 2
- Point 3
- ..
A heading in reversed colours
And some paragraph text that's reversed too... in a variety of styles. Here is some in bold. And here is some more in italics. Of course you can also underline some sections, or even strike some out. Some more would read as lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Buttons and Links
On a light background:
And this is some paragraph text with a text link within the paragraph. This is a great way of ensuring that your links have context.
And on a dark background:
And this is some paragraph text with a text link within the paragraph. This is a great way of ensuring that your links have context.
Post Grid
Celebrating NAIDOC WEEK
The NAIDOC 2022 theme calls on all of us to make a genuine commitment to Get Up! Stand Up! Show Up! and support and secure institutional, structural, collaborative, and cooperative reforms Whether it’s seeking proper environmental, cultural and heritage protections, Constitutional change, a comprehensive process of truth-telling, working towards treaties, or calling out racism – […]
Adaptation to Climate Change Challenges
Promoting community awareness and adaptation to climate change challenges. The Yea Wetlands Discovery Centre and 2030Yea were proud to present a series of three public information sessions promoting community awareness and adaptation to climate change challenges. To view the recordings of the sessions click the links below.
School Holiday Fun
School holiday fun at the Yea Wetlands Discovery Centre Wednesday 20 April, 10am – 11.30am Bring the kids along to the Yea Wetlands Discovery Centre for fun and educational school holiday activities. Bookings essential and places are limited. Session runs from 10:00am to 11:30am. Please call 5797 2663 or drop in to the Centre. $4.00 […]
Gurrong dharrang, Scarred Tree
An exciting new development at the Yea Wetlands Discovery Centre is the recent installation of the Gurrong dharrang, Scarred Tree, artwork by Taungurung artist Sammy Trist. Located at the entrance to the Centre, the sculpture of a Eucalyptus tree features Indigenous line art and the Taungurung totems, Bundjil the wedge-tailed Eagle and Waang the Crow. […]
Christmas shopping
We have a great range of Christmas gifts available in the Centre including locally made art, jewellery and produce. Pop in and check out what’s on offer!
Change of name!
We are excited to announce our change of name from the Y Water Discovery Centre to the Yea Wetlands Discovery Centre! We’ve got some fabulous new signage up on the building and this great new website to help us let you know what’s on offer in the Centre and out in the Wetlands. Don’t forget […]
