Fira Mono - microsite fontu / 2019 /




Tato jednoduchá microsite zobrazuje font "Fira Mono", který je volně dostupný z Google Fonts. Jeho hlavní vlastností je stejná šířka všech znaků. Toho využívám při práci v mřížce, která je svazující, ale zároveň vybízí ke zkoumání nových možností prezentace. Celá microsite je koncipována tak, aby nebylo potřeba klikat. Aktivní prvky reagují na hover, jediná akce navíc je vyžadována pouze před stažením fontu (stisknutí klávesy ENTER pro potvrzení). Fonty z rodiny Fira byly původně navrženy pro prohlížeč Mozilla Firefox, proto na pozadí stránky pracuji s obrázkem lišky. S liškou si také spojuji řešení posuvného hlavolamu na úvodní stránce.

On-line prototyp:




Desktop

Pro tvorbu prototypu jsem použil osvědčený nástroj Figma, jež nyní umožňuje vytvářet i takto interaktivní řešení bez nutnosti použít psaní kódu. Celá microsite je velmi jednoduchá, tvoří ji pouze čtyři stránky, z nichž jedna je hlavní a zbylé se zobrazí pouze při najetí myši. To umožnujé ovládat stránku pouze pomocí pohybu myši (bez klikání). Jelikož se jedná o prototyp, je samozřejmě stránka pro stažení fontu pouze ilustrační a stisknutím klávesy ENTER nedojde k žádné akci.