Projekt logo i ikon dla skracacza linków

Stworzyć projekt logo/ikony dla strony internetowej.

Projekt to skracacz linków, opieramy się na tym. 

Nazwa marki - WeLinked (We Linked)

Dodatkowe wymagania:
Pracujemy z .png .svg .psd, informujemy z wyprzedzeniem, jeśli potrzebne będą inne formaty.

Razem z plikami źródłowymi przy oddaniu należy dostarczyć listę nazw lub pliki użytych czcionek.

Na koniec minimalny zestaw:
1) Logo w formacie .SVG. 
Nie przywiązujemy się w projekcie logo do liter / nazwy marki. Robimy coś prostego, figura/figury z zwykłym lub lekkim gradientowym wypełnieniem. Ponieważ będzie używane w małych, wąskich nagłówkach oraz jako favicon.

Przykład:

2) Logo + nazwa marki w formacie .PNG (z przezroczystością) w rozdzielczości 240x32 w dwóch motywach (ciemny, jasny)

Logo i tekst nie centrować, a umieścić od lewego brzegu obrazka. W przeciwnym razie będzie wyglądać nieestetycznie. Można zmniejszyć do mniej niż 240 w długości, jeśli pozostaną zbędne piksele, po prostu przyciąć. Może lepiej będzie dostarczyć kilka wariantów do wyboru.

Przykład umiejscowienia oraz czyste tło w dwóch motywach, aby przetestować wynik.

3) Pliki źródłowe dla faviconów.
Zwykła ikona będzie odpowiednia dla jasnego motywu.

A dla ciemnego motywu prawdopodobnie będzie potrzebna osobna wersja ikony z tłem lub obramowaniem. 

Do testowania używamy https://realfavicongenerator.net/

Favicon powinien dobrze wyglądać. Na pewno nie będzie, dlatego ładujemy osobną ciemną wersję.
Dodanie prostego tła i marginesów nie jest odpowiednie, źle wpływa na ikonę w jasnym motywie.
Ładujemy Użyj innej ikony dla ciemnego motywu i pokazujemy wynik w formie zrzutu ekranu. No i pliki źródłowe przy oddaniu.

4) Losowe przykłady użycia ikony z tekstem według własnego gustu i koloru. Nie za dużo.

Wskazówki dotyczące kolorów

"font": {

    "subtle-light": "107 114 128",

    "subtle-dark": "156 163 175",

    "default-light": "75 85 99",

    "default-dark": "209 213 219",

    "important-light": "17 24 39",

    "important-dark": "243 244 246",

},

"primary": {

    "50": "240 255 244",  # Bardzo jasna zieleń

    "100": "220 252 231",  # Jaśniejsza zieleń

    "200": "187 247 208",  # Jasna zieleń

    "300": "134 239 172",  # Średnio jasna zieleń

    "400": "74 222 128",  # Zieleń

    "500": "34 197 94",  # Domyślna zieleń

    "600": "22 163 74",  # Ciemniejsza zieleń

    "700": "21 128 61",  # Ciemna zieleń

    "800": "22 101 52",  # Bardzo ciemna zieleń

    "900": "20 83 45",  # Głęboka ciemna zieleń

    "950": "12 46 23",  # Prawie czarna zieleń

},

Paleta dla koloru podstawowego (zielony, primary-600 podstawowy) i czcionek
Tło #ffffff i #f9fafb dla jasnego motywu

Tło #111827 i #0f1423 dla ciemnego motywu