Guidelines

Типографика

Open Sans Condensed

700 H1-H5, 300 – paragraph & UI

Основные цвета


Основные UI элементы


Систематизации и правила

Переменные в CSS & синхронизация дизайна с фронтендом

/* variables */
:root { 
--tutor-primary-color: #ff375c;
--tutor-text-color: #111;
--tutor-light-color: #222;
--main-branding-color: #ff375c;
--hover-branding-color: #ff7272;
--toxic-green: #29ff92;
--alt-green: #29ff92;
--yellow: hsl(49deg 100% 66%);
--main-border-radius: 8px;
--headerlinks: #252266;
--titles: #111; 
/* shadows */
--main-box-shadow: 0 3px 9px 2px rgba(235,169,65,0.21);
--hover-box-shadow: 0 3px 22px 2px rgba(255,157,3,0.62);
--typography-color: #111;
--accent:#ff375c;
--high: #5b53ff;
--tutor-primary-button-color: #ff375c;
--tutor-primary-hover-color: hsl(349deg 100% 70%); }
/* custom selection color */
::-moz-selection { background: yellow; }
::selection { background: yellow; }