Sms'En CSS-sjablonen

Aanpasbare CSS-sjablonen voor sms-berichten

De visuele regels zijn de onderdelen van een sjabloon die je het vaakst aanraakt: kleur, lettergrootte en de ruimte rond een blok. Een CSS-sjabloon voor sms-berichten wordt geleverd met deze instellingen al vastgelegd en consistent, zodat je ze alleen nog maar hoeft aan te passen aan je merk.

Kleuren, lettergrootte en afstand

Sms-pagina's bevatten veel tekst en tekst is erg gevoelig voor visuele details. Een kop die twee lettergroottes te groot is, overschaduwt de aankondiging eronder, en een kaart met te weinig ruimte maakt een prijslijst moeilijker leesbaar dan hij is. Door met een sjabloon te beginnen, zijn deze verhoudingen al vastgelegd en verandert het aanpassen ervan ze overal waar ze zijn gebruikt.

Het meeste visuele werk op een berichtensite komt op een handvol plekken terecht:

• de grootte van koppen en tekstblokken, zodat lange aankondigingen leesbaar blijven
• de ruimte tussen gestapelde tekstblokken, zodat alinea's elkaar niet overlappen
• de status van knoppen en links, zodat ze op elk scherm herkenbaar blijven
• achtergronden en randen, zodat de ene plankaart niet in de volgende overloopt

Herhaalde kaarten die overeenkomen

Planniveaus, functiegroepen en offerteblokken worden herhaald op een site, en kleine inconsistenties daartussen kosten meer dan je denkt. Wanneer drie kaarten verschillende opvulling hebben, voelt een lezer dat er iets niet klopt voordat hij of zij het doorheeft, en het vergelijken van de opties vertraagt. Gedeelde visuele regels zorgen ervoor dat deze kaarten op één lijn blijven, terwijl hun inhoud verschillend blijft.

Het Nicepage Grid Element regelt de opmaak door kaarten in cellen te plaatsen die zich aanpassen aan de beschikbare breedte. Responsieve modi stellen je vervolgens in staat om te corrigeren wat er misgaat in een smallere weergave, omdat een rij plannen die er prachtig uitziet op een laptop, grotere letters en meer ruimte nodig heeft wanneer dezelfde kaarten gestapeld worden.

Aangepaste regels voor zeldzame gevallen

Standaard visuele besturingselementen dekken alledaagse beslissingen. Wanneer een element van het patroon moet afwijken, biedt aangepaste CSS-code fijnere controle. De workflow voor aangepaste CSS omvat regels voor een enkel element, een pagina of de hele website, samen met klassen voor nauwkeurigere targeting. Een gemarkeerde bedrijfslaag, een ongebruikelijke knopstatus of een badge die strak tegen een koptekst moet staan, zijn voorbeelden van zaken die een paar regels aangepaste code waard zijn.

Houd deze uitzonderingen zeldzaam. De waarde van een sjabloon blijkt pas echt wanneer een merkkleur verandert en een enkele bewerking van een gedeelde regel overal wordt bijgewerkt waar de oude kleur werd gebruikt. Als dezelfde wijziging betekent dat elk element afzonderlijk moet worden geopend, werkt het visuele systeem stilletjes niet meer naar behoren.