Global Presets UI Style Guide

01. Color palette

Primary Color : #D59ADB

Secondary Color : #BE130A

Accent Color : #000000

Primery Light Color : #ffffff

Secondary Light Color : #FFF0FF

Dark Grey Color : #166bfc

Light Grey color : #8300e9

02. Text Styles

Heading 1
CSS Class : charmonman

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Body
CSS Class : josefin

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

List

  • Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
  • Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
  • Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
  • Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorum ipsum dolor sit amet.

  • Quisque velit nisi
Number

11

Menu Title

Josefin

03. Buttons

Primary Button
CSS Class:
button-cta-figma

Normal/Hover

Active

Disable

Secondary Button
CSS Class:
button-primary-figma

Normal/Hover

Active

Disable

Accent Button
CSS Class:
button-secondary-figma

Normal/Hover

Active

Disable

Tertiary Button
CSS Class:
button-tertiary-figma

Normal/Hover

Active

Disable

Charisma Framework

Enter your details below to receive the free video series

Charisma Framework is the essential guide to unleashing your inner charm and becoming irresistibly magnetic. Learn how to tap into your unique charisma that will help you effortlessly attract quality relationships in all areas of your life. With Charisma Framework, you can become the confident woman you’ve always wanted to be!