Redesign palety kolorystycznej

1. Propozycja odcieni w kierunku desaturyzacji dla naszego obecnego koloru primary

#1266f1

#1B6AE9

#236CE1

#2B6ED9

#3370D1

#3B71CA

#4373C2

#4A75BA

#5277B2

#5A79AA

2. Trzy preferowane przez mnie odcienie dla nowego koloru primary

#3370D1

#3B71CA

#4373C2

3. Porównanie wybranego odcienia z powyższej palety z kolorem primary z mdb go

#3B71CA

#2b75ba (MDB GO primary color)

4. Trzy podstawowe kolory - primary, secondary, tertiary

#3B71CA (Primary color)

#C7D7F0 (Secondary color)

#4373C2 (Tertiary color)

5. Buttons - propozycje (na razie tylko kolor w stanie podstawowym, bez hover, focus, active)

Primary

Secondary

Tertiary

Primary

Secondary

Tertiary

Primary

Secondary

Tertiary

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Delete

Edit

Publish

6. Cztery kolory funkcyjne - danger, success, warning, info

#DC4C64 (Danger color)

#14A44D (Success color)

#E4A11B (Warning color)

#54B4D3 (Info color)

7. Zestawienie nowych kolorów funkcyjnych z tymi z produkcji

#DC4C64 (Danger color - NOWY)

#F93154 (Danger color - AKTUALNY)

#14A44D (Success color - NOWY)

#00B74A (Success color - AKTUALNY)

#E4A11B (Warning color - NOWY)

#FFA900 (Warning color - AKTUALNY)

#54B4D3 (Info color - NOWY)

#39C0ED (Info color - AKTUALNY)

8. Buttons - porównanie wyglądu buttonu tertiary (linku) w kartach

Zredukowany do zera padding lewy i prawy
Wyrównany btn-link do lewej krawędzi
Brak background-color na hover (można dodać zmiane koloru tekstu) oraz efekt ripple na focus

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Delete

Edit

Publish

Padding taki sam jak w zwykłym buttonie
Problem - brak wyrównania btn-link do lewej krawędzi
Background-color na hover taki sam jak w btn-secondary

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Delete

Edit

Publish

Zredukowany do zera padding lewy i prawy
Wyrównany btn-link do lewej krawędzi
Problem - brzydko wyświetla się background-color na hover kiedy button jest wyrównany do lewej krawędzi, brak przestrzeni na hover

Card title

This is a wider card with supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Delete

Edit

Publish

9. Wszystkie kolory razem

#3b71ca (Primary color)

#9fa6b2 (Secondary color)

#fbfbfb (Light color)

#332d2d (Dark color)

#DC4C64 (Danger color)

#14A44D (Success color)

#E4A11B (Warning color)

#54B4D3 (Info color)

superlight