Design Elements of My Website

Design Elements of My Website

Table of Contents

Buttons

Start: blue #6cd0fa
Middle: purple #9896f0
End: pink #ff6ec7

You can set this as a default in custom-CSS like:

/* add ombre background to all buttons unless otherwise styled */
button {
  background: linear-gradient(135deg, rgb(108, 208, 250) 0%, rgb(152, 150, 240) 50%, rgb(255, 110, 199) 100%);
}

Resting: blue #0081cc
Hover: green #32b883

Example: www.oliviagallucci.com

.olivia-blue-link a {
  color: #0081cc !important;
  font-weight: bold;
}
.olivia-blue-link a:hover {
  color: #32b883 !important;
  font-weight: bold;
}

List Ombre

Start: blue #ccebff
End: purple #e7ccff
Ombre type: linear

  • Example

Start: light blue #e7f0fd
End: blue #accbee

  • Example

Note Boxes

Grey: #d2e1ee

Example

Blue: #accbee

Example

Font

Text: Libre Baskerville, size 14

Links: Libre Baskerville, size 14, semi-bold