While this website does not need a style guide, I'm giving it one anyway. For fun.
Version 5 was a departure from all previous versions with it's dark theme. However it was somewhat messy, and was not always consistent between pages. Version 6 is another redesign, this time prefering lighter fonts, and an overall open-air feel.
Acei.us uses quadrant, a modification of w3css to bring it more in line with this guide.
The PHP versioning scheme should be used. Each major version should also have a codename, here are some examples:
Version | Codename | Changes/Notes |
---|---|---|
1 | Initial Release | |
2 | Switch to using staic page generator | |
3 | Overlord | Add custom component system |
4.0 | London | Rebuild with Vue |
5.0.0 | Berlin | |
6.0.0 | Seoul | Current Major Version |
7.0.0 | Tokyo | Planned Complete Rebuild With Bulma & JS Build Step |
Alerts should appear as such:
This is an example alert.
Alerts may have varying background color. They should not include a heading, if a title is needed, the format of Title - Content
can be used.
Headers are set in the font Ubuntu Light. Body text is set in Roboto. If text needs to be stressed, instead of using bold (clashes with light font weight) or ALL CAPS (ruins the chill vibe), text should be coloured.
Name | Use | HEX |
---|---|---|
Midnight | Background | #1D1E35 |
Pavement | Footer/Alternate Background | #373737 |
Blue | Gradient | #0000ff |
Blue Violet | Highlight | #8a2be2 |
Purple | Gradient | #800080 |