← Všechny články

Ukázka rozvržení: jak se článek čte

Zástupný text, který ověřuje všechny prvky, jež šablona článku podporuje.

4 min čtení
  • Ukázka
  • Design

Tato stránka je ukázka designu, ne výzkum. Ukazuje, jak vypadají odstavce, nadpisy, seznamy a další prvky na počítači, tabletu i telefonu. Délka řádku zůstává kolem 68 znaků, aby se dlouhé texty četly pohodlně.

Nadpisy a seznamy

Nadpisy druhé úrovně nesou strukturu. Nadpisy třetí úrovně člení sekce dál.

  • Hlavní text používá patkové písmo pro dlouhé čtení.
  • Prvky rozhraní používají systémové bezpatkové písmo.
  • Barvy se v tmavém režimu přepínají automaticky.

Citace a zvýrazněné poznámky

Citace mají vlevo barevnou linku a jemnější text.

Zvýrazněná poznámka upozorní na klíčové zjištění nebo výhradu.

Tabulky

ZobrazeníKaret v řádkuŠířka textu
Telefon na výšku1Celá šířka
Tablet268 znaků
Počítač368 znaků

Kód

.prose { max-width: 68ch; }

Široké tabulky a kód se posouvají do stran uvnitř vlastního rámečku, takže se stránka nikdy neposouvá vodorovně.