Een ontwerpsysteem, geen stapel uitzonderingen.
Kleur, ruimte, letters en afronding hebben allemaal een naam. Verander je het merk, dan volgt elk blok dat naar die naam verwees — juist omdát het naar de naam verwees, en niet naar een kleur die je had ingetypt.
Drie kleuren erin. Een hele reeks eruit.
Geef het merk een hoofdkleur, een tweede kleur en een paginakleur. Al het andere wordt daaruit afgeleid — en de tekstkleuren worden zo berekend dat ze genoeg contrast hálen, in plaats van op een waarde gezet die toevallig bij één merk goed uitpakt.
merk, accent, kop, lopende tekst, gedempt, rand, vlak, tweede vlak, de omgekeerde band met zijn tekst, en een leesbare variant van je accentkleur voor kleine letters.
Eén reeks, gebruikt door elke marge en elke binnenruimte op deze site. Een waarde buiten de reeks is de klassieke stille fout — een naam die niet bestaat levert niets op, en de ruimte valt zonder melding weg.
Lettervakken, gekoppeld aan rollen. Twee gewichten van één familie kosten samen één verzoek, en dat is hoe je een echte vette letter krijgt in plaats van eentje die de browser namaakt.
Benoemde stappen in plaats van getallen, zodat een afgeronde hoek één keer voor de hele site wordt besloten.
Drie breedtes, en elke breedte kun je apart vormgeven.
Elk onderdeel draagt zijn eigen vormgeving voor desktop, tablet en telefoon — niet één indeling die krimpt. De telefoonversie van deze site is opnieuw opgebouwd, niet ingeklapt.
Toestanden gaan net zo. Hover en focus zijn los van elkaar, en allebei horen erbij op alles wat aanklikbaar is — een knop die op een muis reageert maar niet op een toetsenbord is een halve knop.
Vijfendertig soorten elementen, en een bibliotheek voor je eigen werk.
Koppen, tekst, beeld, video, formulieren, menu's, tabbladen, vensters, uitklappers, carrousels, overzichten van je producten, evenementen en artikelen — plus de widgets voor reserveren, kaartverkoop en de winkelwagen. Sleep er een op het werkblad, of bewaar een deel dat je hebt ontworpen in je eigen bibliotheek en gebruik het op andere sites opnieuw.
Alles wat je bouwt kan een agent ook bijwerken, want een blok is JSON en het gereedschap spreekt het per pad aan.
Kijk hoe het eruitziet met jouw eigen kleuren erin.
Drie kleurcodes en een letterkeuze kosten je een minuut of tien, en veranderen alle pagina's tegelijk.