Style Guide
This guide acts as a technical reference for all the design elements that make up the Bluebella website. It ensures a consistent design and provides the common CSS and HTML used.
Typography
H1 Bluebella Title
H2 Bluebella Title
H3 Bluebella Title
H4 Bluebella Title
H5 Bluebella Title
H6 Bluebella Title
Body text Lorem ipsum dolor sit amet, this is a hyperlink. Fusce aliquam justo sed lectus auctor semper. Suspendisse sodales imperdiet tortor, eu tincidunt ipsum tincidunt vestibulum. Duis tristique sed lectus sit amet tristique. Nulla sodales libero nec sapien volutpat, non ullamcorper leo ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras et urna rhoncus, rhoncus purus quis, congue ex. Ut eu turpis dolor. Vestibulum pharetra est in risus fringilla, nec eleifend magna pharetra. Curabitur tempor sagittis laoreet. Nunc vel ligula id massa scelerisque molestie. Donec eleifend congue mauris, in pellentesque sem finibus eget. Nunc auctor leo purus, sed cursus risus hendrerit eget. Nulla lacinia malesuada laoreet. Curabitur ut nunc euismod risus convallis rhoncus in sit amet est.
Sed rutrum molestie consequat. this is bold text. Nullam nec tempus sapien. Curabitur vel porttitor erat. Duis aliquet tincidunt turpis quis dignissim. Proin aliquet sem turpis. Phasellus nulla lorem, lobortis in nibh vitae, pellentesque laoreet tortor. Etiam venenatis placerat sapien at egestas. Donec arcu tortor, pretium quis lacinia non, sagittis ac nulla. Sed in purus varius, semper diam eu, varius felis. Curabitur gravida ligula mauris, eget maximus sem euismod tincidunt. Mauris rhoncus nisl non quam egestas, eget dignissim ante blandit. Praesent id nulla enim.
This is some small print- List item one
-
- List item two
Nunc vel ligula id massa scelerisque molestie. Donec eleifend congue mauris, in pellentesque sem finibus eget. Nunc auctor leo purus, sed cursus risus hendrerit eget.
-
- List item three
-
- List item four
Nunc vel ligula id massa scelerisque molestie. Donec eleifend congue mauris, in pellentesque sem finibus eget. Nunc auctor leo purus, sed cursus risus hendrerit eget. Nulla lacinia malesuada laoreet. Curabitur ut nunc euismod risus convallis rhoncus in sit amet est.
- List item
- List item
- List item
- List item