iamdanielcooper / client

client

• Style Guide
  • Colors.
  • Typefaces.
  • Borders

Style Guide

Colors.

When designing please insert the below variables into your root.

:root {
  --green: #58c770;
  --green-highlight: #5ed678;
  --green-lowlight: #489b5a;
  --bg-grey: #f4f4f4;
  --white: #fff;
  --box-shadow: #e0e0e0;
  --black: #232121;

  /* buttons */
  --button-disabled-bg: #c4c4c4;
  --button-disabled-text: #808080;
}

Typefaces.

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
    href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
    rel="stylesheet"
/>

Headlines: Poppins - SemiBold

font-family: 'Poppins', sans-serif;
font-weight: 600;

Body Text: Poppins - Regular

font-family: 'Poppins', sans-serif;
font-weight: 400;

Borders

border-radius: 25px;