Smsowanie Szablony CSS

Szablony CSS do wiadomości tekstowych z możliwością personalizacji

Zasady wizualne to elementy szablonu, których najczęściej używasz: kolor, rozmiary czcionek i odstępy wokół bloku. Szablon CSS do wiadomości tekstowych zawiera już te decyzje i są one spójne, więc Twoim zadaniem jest dopasowanie ich do marki.

Kolory, skala czcionek i odstępy

Strony z wiadomościami zawierają dużo tekstu, który nie wybacza wizualnych szczegółów. Nagłówek o dwa rozmiary za duży pochłania ogłoszenie pod spodem, a karta z ciasnym wyściełaniem sprawia, że cennik wygląda na trudniejszy do odczytania niż jest w rzeczywistości. Rozpoczęcie od szablonu oznacza, że proporcje te są już ustalone, a dostosowanie ich zmienia je wszędzie tam, gdzie zostały użyte.

Większość elementów wizualnych na stronie z komunikatami trafia do kilku miejsc:

• rozmiary nagłówków i treści, które zapewniają czytelność długich ogłoszeń
• przestrzeń między blokami tekstu, dzięki czemu akapity nie tłoczą się
• stany przycisków i linków, które są rozpoznawalne na każdym ekranie
• tła i obramowania, które zapobiegają przenikaniu się kart z planami

Powtarzające się karty, które do siebie pasują

Poziomy planów, grupy funkcji i bloki cytatów powtarzają się w całej witrynie, a drobne niespójności między nimi kosztują więcej, niż się wydaje. Gdy trzy karty mają różne wypełnienia, czytelnik wyczuwa coś, zanim zorientuje się, co to jest, i porównywanie opcji spowalnia. Wspólne reguły wizualne utrzymują te karty w rzędzie, a ich treść pozostaje różna.

Element Nicepage Grid odpowiada za układ, przechowując karty w komórkach, które zmieniają układ wraz ze zmianą dostępnej szerokości. Tryby responsywne pozwalają skorygować to, co zaburza węższy widok, ponieważ szereg planów, który pięknie prezentuje się na laptopie, wymaga większej czcionki i więcej przestrzeni, gdy te same karty się układają.

Reguły niestandardowe w rzadkich przypadkach

Standardowe elementy sterujące wizualne obejmują standardowe decyzje. Gdy jeden element musi przełamać schemat, niestandardowy kod CSS zapewnia dokładniejszą kontrolę, a przepływ pracy niestandardowego CSS obejmuje reguły dla pojedynczego elementu, strony lub całej witryny, wraz z klasami dla bardziej precyzyjnego targetowania. Podświetlony poziom korporacyjny, nietypowy stan przycisku lub znaczek, który musi przylegać do nagłówka, to rzeczy warte kilku linijek niestandardowego kodu.

Niech te wyjątki zdarzają się rzadko. Wartość szablonu ujawnia się w dniu zmiany koloru marki, a pojedyncza edycja współdzielonej reguły aktualizuje się wszędzie tam, gdzie używany był stary kolor. Jeśli ta sama zmiana oznacza otwieranie każdego elementu po kolei, system wizualny po cichu przestaje działać.