Overview
Purpose
To create a website that effectively shows and displays concepts about musc theory in a centralized way.
Audience
My audience is anybody who wants to learn more about music theory.
Branding
Website Logo
Style Guide
Color Palette
Palette URL: https://coolors.co/396e94-e7c24f-a43312-381d2a-aabd8c| Primary | Secondary | Accent 1 | Accent 2 |
|---|---|---|---|
| #FFFFFF | #008000 | #000000 |
Typography
Heading Font: Roboto
Paragraph Font: Also Roboto
Normal paragraph example
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Colored paragraph example
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.
Navigation
Site Map
Content
Home page
Cronumusic is a website designed to group many different elements of music theory
and how it changed over time into one site. It goes over a plethora of things, from
the different music periods to voice leading and chord progression.
One page goes over the 4.5 periods of music since the late 17th century, Going over
the Baroque, Classic, Romantic, Impressionist, and Contemporary periods, their styles, and their
instrumentation.
The other page goes over basics of music theory, starting at introducing the grand staff and going to
(I have no idea! Music theory is nearly endless).
Maybe I'll add a list of helpful links, and FAQs, and possibly some other crap to make my home page
useful.
Images for the Home page
History of Music Theory
Over the past 4-5 centuries the portrayal of music has dramatically changed in many
different ways. This page focuses on the 4.5 periods since 1685, as described on the home
page.
The first period is known as the Baroque period, and it is recognized to have lasted
for pretty much the life of J.S. Bach, from his birth in 1685 to his death in 1750. The Baroque
period is characterized by its heavy use of motifs and static but sudden dynamic changes... blah
blah blah. This is an informational site, I am not going to add literally everything here.
Classical period... Known for greater ranges of dynamics and more creativity than Baroque...
Notable composers... Beethoven, Mozart, Haydn, Schubert etc.
Romantic Period... Known for much more grandieur, much more emotion (Not that there wasn't
As much in previous periods, this one just took it to another level)... Notable composers... Liszt,
Rachmaninoff, Chopin, Mendelssohn, etc.
Impressionist Period... The half period. Watercolor-like. Not going into much detail.
Contemporary Period... The modern period. Everything went out the window, music is now
Turing complete. Write a piece in the phrygian mode and 13/8, except every 3 measures it's 15/8 just
to piss everyone off. Notable composers? I'll do this later. I don't know if John Cage counts.
Images for the Page 2
Music Theory Basics
Again, I'm not going to go over everything I want to go here. I actually am planning on extending
this site to more than 3 pages so I can go into advanced music theory, but I'll just do the basics
part so I can focus on the actual website-building part.
I'll probably start with going over note pitches and durations, (ABCDEFG#b and lengths) and then
I'll introduce the staves, go over measures, times, tempos, and possibly a bunch of other stuff.
This is just the page for basic music theory, so I'm still debating on whether or not I'll include
chord progressions, upper neighbor and similar crap, etc.
Images for the Page 3
Wireframes
Create three wireframes for your site. One for each page and list them here
Home
[Any additional details about home that the wireframe does not make clear]
[Page 2]
There is more, but very similar below.
[Page 3]
More, but very similar below.