Guidelines

Типографика

Source Sans 3

700 H1-H5, 300 – paragraph & UI

Основні кольори

• #f24561 – малиновий, акцент

…

Основные 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; }