brewdata branding

Logo

Logo

Favicon

Favicon

Hex Code

Body Background Color: #fdf8f4
Logo Color: #563517
Button Color: #ff6501
Button hover Color: #563517
Cancel/Disable Button Color: #ababab
Heading Color: #0c1d37
Text Color: #3b4555
Border Color: #efe2d7

Colors

Page Background
#fdf8f4
Border Color: #efe2d7
White
#ffff
Accent Background
#ff6501
Opacity 10%
Heading Color: #0c1d37
Text Color: #3b4555
Caution
#fff6ed
Info
#ffff
Success
#60b555
Button Hover
#563517
Button
#ff6501
Cancel/Disable Button
#ababab

Buttons

Button NormalButton Small
Button Color: #ff6501
Button hover Color: #563517
Font Size: 18px;
Font Color:#ffff;
Button Color: #563517
Button hover Color: #ff6501
Font Size: 18px;
Font Color:#ffff;
Button NormalButton Small
Button Color: #ffff
Button Hover Color: #0c1d37
Font Size: 18px;
Font Color:#0c1d37;
Font Color on hover: #ffff;
Button NormalButton Small
Button Color: #ff6501
Button Hover Color: #0c1d37
Font Size: 18px;
Font Color:#ffff;
Button NormalButton Small
Button Color: #ffff
Button Hover Color: #ff6501
Font Size: 18px;
Font Color:#0c1d37;
Font Color on hover: #ffff;

Typography

Font Family: DM Sans

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Paragraph LinksBold TextItalic Text

Vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

  • In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  • Nullam dictum felis eu pede mollis pretium.
  • Integer tincidunt. Cras dapibus.
  1. Pellentesque eu, pretium quis, sem.
  2. Tellus eget condimentum rhoncus.
  3. Sem quam semper.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Reference image
Donec pede justo, fringilla vel, aliquet nec, vulputate eget.

Etiam erat arcu, laoreet at turpis. In eu dolor iaculis vitae vulputate. Interdum mattis nunc, elementum auctor tincidunt turpis pretium nulla scelerisque. Faucibus elementum.

Form

Close

Form Heading

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.