Adsolutions s.c.
Generator stopki mailowej
Wypełnij dane pracownika, skopiuj i wklej w kliencie poczty. Logo, akcent i dane firmowe są stałe — nie da się ich przypadkiem nadpisać.
Motyw
Adsolutions: kolumna danych, kapsuła gradientowa, logo z PNG-a. Układ z pierwotnej paczki.
Dane pracownika
Kształt wchodzi do nazwy pliku (avatar-piotr-jakubiec@2x.png), bo klient poczty nie zapyta obrazka o proporcje — musi je znać z kodu. Kwadrat pasuje do brewcode’a, w którym nie ma ani jednego zaokrąglenia.
Adsolutions s.c. · ul. Parkowa 4, 43-365 Wilkowice
NIP 937-250-02-29 · REGON 240449079
Administratorem Twoich danych jest Adsolutions s.c. Pełna klauzula informacyjna: adsolutions.pl/polityka-prywatnosci
NIP 937-250-02-29 · REGON 240449079
Administratorem Twoich danych jest Adsolutions s.c. Pełna klauzula informacyjna: adsolutions.pl/polityka-prywatnosci
Pole Bazowy URL pozwala przetestować stopkę z tymczasowego hostingu, zanim pliki trafią na sig.brwcd.dev/files/.
Podgląd bierze obrazki z tej aplikacji (/files/), eksport z pola powyżej — obie wersje składa ten sam kod, więc nie mogą się rozjechać.
Kopiuj sformatowaną → Gmail, Outlook Web, Apple Mail.
Kopiuj kod HTML → CodeTwo, Exclaimer.
Pobierz .htm → Outlook dla Windows.
Wgraj zdjęcie i logo
Upuść zdjęcie tej osobytrafi do katalogu jako avatar-piotr-jakubiec@2x.png
Upuść logo — SVG albo PNGlogo-adsolutions-s-c@2x.png + wariant na ciemne tło
Kadr leci domyślny (0,42), obrys w kolorze marki, wariant biały logo powstaje automatycznie. Do dostrojenia kadru, plakietki albo przemalowania kolorów znaku są pełne narzędzia: Oprawa zdjęcia i Logo.
Zdjęcie źródłowe nie opuszcza przeglądarki — na serwer idzie tylko gotowy PNG. SVG jest rasteryzowany przed wgraniem, bo wektora nie zrenderuje ani Gmail dla kont Google, ani Outlook dla Windows.
Specyfikacja
| Element | Wartość |
|---|---|
| Szerokość | 480 px |
| Logo | 200 × 42 px |
| Akcent | 64 × 5 px, odstęp 8 / 10 px |
| Imię i nazwisko | 18 / 23 px, bold, tracking −0,2 |
| Stanowisko | 12 / 16 px, wersaliki, tracking +0,8 |
| Kontakt | 13 / 19 px |
| Dane rejestrowe | 10 / 15 px |
| Krój | 'Segoe UI' → Roboto → Arial |
Pliki na serwer
| Plik | Rozmiar | Waga |
|---|---|---|
logo-adsolutions@2x.png | 400 × 84 | 9,9 KB |
logo-adsolutions-white@2x.png | 400 × 84 | 8,0 KB |
akcent-adsolutions@2x.png | 128 × 10 | 219 B |
gwiazdki@2x.png | 136 × 24 | 1,3 KB |
znaczek-adsolutions@2x.png | 32 × 32 | 896 B |
avatar-<osoba>@2x.pngjeden plik na osobę | 240 × 224 | ~29 KB |
Katalog sig.brwcd.dev/files/ — wydaje go ta aplikacja, z nagłówkiem Cache-Control: max-age=31536000, immutable. Ścieżka jest niezmienna, a nazwy nie są nadpisywane: nowa wersja wychodzi pod nową nazwą. Pliki wgrywa się w zakładkach Oprawa zdjęcia i Logo albo wprost w generatorze.
Tryb jasny
 | |||||||||||
 |
|
||||||||||
| |||||||||||
| |||||||||||
Tryb ciemny
| |||||||||||
|
|
||||||||||
| |||||||||||
| |||||||||||
Wersja skrócona — odpowiedzi w wątku
| Piotr Jakubiec · adsolutions +48 696 003 001 | adsolutions.pl |
Jak wkleić
Skopiowana stopka wskazuje na
sig.brwcd.dev/files/. Pliki, których tam nie ma, zostawią u odbiorcy puste prostokąty — generator ostrzega, kiedy brakuje oprawy dla wpisanej osoby.| Klient | Metoda |
|---|---|
| Gmail | Kopiuj sformatowaną → Ustawienia → Zobacz wszystkie ustawienia → Ogólne → Podpis → wklejcie. Edytor jest WYSIWYG, nie przyjmuje kodu HTML. Na dole ustawcie podpis dla nowych wiadomości i dla odpowiedzi. |
| Outlook Web i nowy Outlook | Kopiuj sformatowaną → Ustawienia → Poczta → Redagowanie i odpowiadanie → Podpis e-mail. |
| Outlook Windows klasyczny | Pobierz .htm → zamknijcie Outlooka → plik do %APPDATA%\Microsoft\Signatures → uruchomcie ponownie → Plik → Opcje → Poczta → Podpisy. |
| Apple Mail | Mail → Ustawienia → Podpisy → utwórzcie nowy i wpiszcie cokolwiek → Kopiuj sformatowaną → zaznaczcie treść i wklejcie. Odznaczcie „Zawsze dopasuj do czcionki wiadomości domyślnej”. |
| iOS / Android | Podpisy HTML nieobsługiwane — wyłącznie tekst. Ustawcie tam wersję tekstową (imię, telefon, adres strony). |
| CodeTwo Exclaimer | Kopiuj kod HTML → widok źródła w edytorze szablonu. Pola osobowe zastąpcie zmiennymi z katalogu (Entra ID / Google Directory). Wariant z gotowymi polami {{...}} leży w zrodlo/…/stopka-szablon.html. |
Kontrola jakości
- Układ tabelaryczny + inline CSS — działa w silniku Worda (Outlook Windows: 59/307 funkcji CSS)
- Szerokość 480 px — mieści się na telefonie bez media queries
- Akcent jako PNG z alfą — gradienty CSS nie renderują się w Outlooku, alfa działa na jasnym i ciemnym tle
- Wszystkie kolory tekstu spełniają WCAG AA na swoim tle
- Firmowy błękit #49AFE3 tylko jako element graficzny — na tekście miałby 2,46 : 1
- Krój systemowy — bez web fontów (@font-face ma w mailu 24,39 % wsparcia, Gmail zero)
- PNG 2× z atrybutami width/height + display:block
- mso-line-height-rule:exactly przy każdym line-height
- tel: i mailto: z jawnym kolorem — iOS nie podlinkuje na niebiesko
- role="presentation" na tabelach
- Wersja skrócona bez obrazków — chroni wątki przed przycięciem w Gmailu (~102 KB)
- Numer konta świadomie pominięty — ochrona przed oszustwem BEC
- Blok rejestrowy dopasowany do spółki cywilnej — bez KRS i kapitału zakładowego
- Podgląd i eksport składa jeden kod — nie ma jak ich rozjechać
- Assety wydaje aplikacja z nagłówkiem immutable; nazwy nie są nadpisywane
- Do zrobienia: wolumen katalogu assetów w kopiach zapasowych
- Do zrobienia: test w Outlook Windows, Gmail Android, Apple Mail iOS — jasny i ciemny, obrazki włączone i wyłączone
Pokaż wygenerowany kod HTML
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:480px;max-width:480px;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;">
<tr><td colspan="3" style="padding:0 0 16px 0;"><a href="https://adsolutions.pl" target="_blank" style="text-decoration:none;border:0;"><img src="https://sig.brwcd.dev/files/logo-adsolutions@2x.png" width="200" height="42" alt="adsolutions" style="display:block;width:200px;height:42px;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td></tr>
<tr>
<td width="120" valign="top" style="width:120px;padding:6px 0 0 0;vertical-align:top;"><img src="https://sig.brwcd.dev/files/avatar-piotr-jakubiec@2x.png" width="120" height="112" alt="Piotr Jakubiec" style="display:block;width:120px;height:112px;border:0;outline:none;-ms-interpolation-mode:bicubic;"></td>
<td width="20" style="width:20px;font-size:0;line-height:0;"> </td>
<td valign="top" style="vertical-align:top;padding:4px 0 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr><td style="padding:0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;"><tr>
<td style="padding:0;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:18px;line-height:23px;mso-line-height-rule:exactly;font-weight:700;color:#3d3d3d;letter-spacing:-0.2px;">Piotr Jakubiec</td>
<td width="7" style="width:7px;font-size:0;line-height:0;"> </td>
<td width="16" valign="middle" style="width:16px;padding:3px 0 0 0;vertical-align:middle;"><img src="https://sig.brwcd.dev/files/znaczek-adsolutions@2x.png" width="16" height="16" alt="" style="display:block;width:16px;height:16px;border:0;outline:none;-ms-interpolation-mode:bicubic;"></td>
</tr></table></td></tr>
<tr><td style="padding:0;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;mso-line-height-rule:exactly;color:#6d6d6d;text-transform:uppercase;letter-spacing:0.8px;">CEO</td></tr>
<tr><td style="padding:8px 0 10px 0;"><img src="https://sig.brwcd.dev/files/akcent-adsolutions@2x.png" width="64" height="5" alt="" style="display:block;width:64px;height:5px;border:0;outline:none;-ms-interpolation-mode:bicubic;"></td></tr>
<tr><td style="padding:0 0 2px 0;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:13px;line-height:19px;mso-line-height-rule:exactly;color:#585858;"><a href="tel:+48696003001" style="color:#585858;text-decoration:none;">+48 696 003 001</a></td></tr>
<tr><td style="padding:0 0 2px 0;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:13px;line-height:19px;mso-line-height-rule:exactly;color:#585858;"><a href="mailto:piotrjakubiec@adsolutions.pl" style="color:#585858;text-decoration:none;">piotrjakubiec@adsolutions.pl</a></td></tr>
<tr><td style="padding:0;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:13px;line-height:19px;mso-line-height-rule:exactly;"><a href="https://adsolutions.pl" target="_blank" style="color:#1b7eb0;text-decoration:none;font-weight:700;">adsolutions.pl</a></td></tr>
</table></td>
</tr>
<tr><td colspan="3" style="padding:16px 0 0 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr>
<td width="68" valign="middle" style="width:68px;padding:0;vertical-align:middle;"><img src="https://sig.brwcd.dev/files/gwiazdki@2x.png" width="68" height="12" alt="4,6 / 5" style="display:block;width:68px;height:12px;border:0;outline:none;-ms-interpolation-mode:bicubic;"></td>
<td width="9" style="width:9px;font-size:0;line-height:0;"> </td>
<td valign="middle" style="vertical-align:middle;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;mso-line-height-rule:exactly;color:#6d6d6d;"><span style="color:#3d3d3d;font-weight:700;">4,6</span> w Google · 11 opinii</td>
</tr>
<tr>
<td colspan="3" style="padding:7px 0 0 0;font-family:'Segoe UI',Roboto,Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;mso-line-height-rule:exactly;color:#6d6d6d;">Jeśli robimy to dobrze - powiedz o tym innym. <a href="https://g.page/r/Cb6npVx_7gT0EBM/review" target="_blank" style="color:#1b7eb0;text-decoration:none;font-weight:700;white-space:nowrap;">Wystaw opinię →</a></td>
</tr>
</table></td></tr>
<tr><td colspan="3" style="padding:16px 0 0 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
<tr><td height="1" bgcolor="#e7e7e7" style="height:1px;line-height:1px;font-size:0;background-color:#e7e7e7;"> </td></tr>
<tr><td style="padding:10px 0 0 0;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:15px;mso-line-height-rule:exactly;color:#6d6d6d;">Adsolutions s.c., ul. Parkowa 4, 43-365 Wilkowice · NIP 937-250-02-29 · REGON 240449079</td></tr>
<tr><td style="padding:4px 0 0 0;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:15px;mso-line-height-rule:exactly;color:#6d6d6d;">Administratorem Twoich danych jest Adsolutions s.c. Pełna klauzula informacyjna: <a href="https://adsolutions.pl/polityka-prywatnosci" target="_blank" style="color:#1b7eb0;text-decoration:none;">polityka prywatności</a></td></tr>
</table></td></tr>
</table>Adresy obrazków wskazują na https://sig.brwcd.dev/files/. Wersja tekstowa, która trafia do schowka obok HTML-a, jest widoczna niżej.
Piotr Jakubiec CEO +48 696 003 001 piotrjakubiec@adsolutions.pl adsolutions.pl Jeśli robimy to dobrze - powiedz o tym innym. Wystaw opinie: https://g.page/r/Cb6npVx_7gT0EBM/review Adsolutions s.c., ul. Parkowa 4, 43-365 Wilkowice | NIP 937-250-02-29 | REGON 240449079 Administratorem Twoich danych jest Adsolutions s.c. Pelna klauzula informacyjna: adsolutions.pl/polityka-prywatnosci