Style-Information:
This is some useful information for you to style the c3ioc Website using the Designs:
- Install the Ubuntu fonts (c3ioc website/public/fonts/)
- Open the included .svg in Inkscape to best understand the intended look.
- the changing attributes are highlighted
- inkscape does not display the font names correctly. The names included in this document correspond to the abbreviations in the font file names.
- the text in the svg files has not been checked and shouldn't be used as a source for the website.
- You can accieve the Header Backdrop shape simply by using a dif with alternating corners using just css ;)
Dark Theme
Fonts
Header: Ubunto Light 2em black Title: Ubuntu Regular 1.5em pt #e20cefff Text: Ubuntu Medium 1em #ccccccff Link: Ubuntu Medium 1em pt #763bffff vertical Line-spacing: 1.35em vertical Paragraph Spacing: 2em
Colors
Background: #040012ff Backdrop: black Highlight-gradient-start: c31fbaff Highlight-gradient-end: 6600eaff
Light Theme
Fonts
Header: Ubunto Bold 2em white Title: Ubuntu medium 1.5em #bf1eb7ff Text: Ubuntu regular 1em #333333ff Link: Ubuntu regular 1em #763bffff vertical Line-spacing: 1.35em vertical Paragraph Spacing: 2em
Colors
Background: #efefef00 Backdrop: e2e2e2ff Highlight-gradient-start: c31fbaff Highlight-gradient-end: 6600eaff