Price Faculty of Engineering
Engineering Endowment Fund
The purpose of this page is to showcase how we will build and design the components that will be used across the site. We build this page using the actual design template, which allows us to explain what we’re doing, while also showing you. This is the toolkit we use to build everything else moving forward.Â
The purpose of this page is to showcase how we will build and design the components that will be used across the site. We build this page using the actual design template, which allows us to explain what we’re doing, while also showing you. This is the toolkit we use to build everything else moving forward.Â
The purpose of this page is to showcase how we will build and design the components that will be used across the site. We build this page using the actual design template, which allows us to explain what we’re doing, while also showing you. This is the toolkit we use to build everything else moving forward.Â
Heading 4s are much less common to find on a website. This is usually only seen in fairly complicated pages with multiple levels of content. The style is smaller than the H3, to once again indicate hierarchy and relative importance.
Buttons are used throughout the website and they are one of the most common content components added to pages on the website. We have three different button styles for this website and they are outlined below in a standard 3-column layout. In addition, we must also take care to plan out how the buttons will interact with the user when they put the mouse over them, and when we click them. This is part of our prototyping process.
Use numbered lists when the order of the items matter.
Use bullet lists when the order of the items don’t matter.
Tables are used to present data that should be organized in rows and columns. These can be challenging to present in modern websites because they need to work on desktops, phones, and everything in between. We recommend using tables sparingly, when it’s truly appropriate to have tabular data to present.
Name | Grade | Count | Rank | Score | Trend |
|---|---|---|---|---|---|
Tom | 4 | 64 | 1 | 75.4 | Up |
Sally | 5 | 84 | 2 | 86.3 | Down |
Jen | 3 | 342 | 3 | 94.2 | Up |
Name | Grade | Count | Rank | Score | Trend |
|---|---|---|---|---|---|
Tom | 4 | 64 | 1 | 75.4 | Up |
Sally | 5 | 84 | 2 | 86.3 | Down |
Jen | 3 | 342 | 3 | 94.2 | Up |
This is an example of something we can build with a mix of headings, paragraphs and columns. We’ve made up some content, showcasing four fruits with some sample text about each one. At the bottom, we have a secondary button encouraging the visitor to learn about all the fruit available.
Oranges are obviously our favourite fruit and they are full of vitamin C.
Apples are always delicious, but they also make some pretty good computers.
Grapes are a tasty treat that’s fun to eat, but they also turn into wine.
A very fun fruit, or the nickname of anyone from New Zealand.