Wordmark

Zapisana nazwa z pierwszą literą w bursztynowym kafelku, na front strony albo ekran startowy. W obramowaniu aplikacji użyj AppLockup.

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

tsx

import { Wordmark } from '@skribly/ui/brand'

tsx

<Wordmark as="h1" size="xl" />
<Wordmark size="sm" tone="nav" />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

Nazwa jest odczytywana raz z ukrytej kopii, a rysowane litery są ukryte, więc czytnik ekranu nigdy nie literuje jej w dwóch częściach.
Rozmiar xl skaluje się z oknem i przestaje rosnąć przy 9 rem.
Kafelek dostaje ramkę w trybie wysokiego kontrastu systemu Windows.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.