Iconografia

Dos tipus d'icona. Les accions d'interfície usen icones de línia lleugeres a l'estil Feather; els enllaços de marca i socials usen símbols sòlids. Tots dos prenen el color del text del voltant.

Icones de línia

Les icones d'interfície es dibuixen sobre una graella de 24 unitats amb un traç de dos píxels, extrems rodons i unions rodones, a l'estil Feather. Es renderitzen de 15 a 20 píxels dins d'una àrea de contacte de com a mínim 38, i mai no porten color propi: hereten currentColor del text.

El repertori complet de treball: cada glif de línia que dibuixen el web i aquesta documentació, a mida de mostra. Tots amb la mateixa gramàtica Feather de 24 unitats i traç de 2.

Cerca

Enrere

Xebró

Baixa

RSS

Vist

Tanca

Idioma

Tema fosc

Tema clar

Pausa

Reprodueix

Amplia

Temps de lectura

Comparteix

Copia l’enllaç

Torna amunt

Següent

Plega

Subscrit

Dates

Rol

Trucada

Newsletter

Color

Tipografia

Maquetació

Forma

Iconografia

Moviment

Redacció

Traducció

Accessibilitat

Sobri

Editorial

Tècnic

Àrea de toc · 44 × 44px Glif · 20px Padding · 12px

L'àrea de toc, anotada: un glif de 20px centrat en un quadrat de 44px: l'anell ratllat és el padding tocable.

Símbols de marca

Les icones socials i de marca són símbols sòlids d'un sol color en comptes de dibuixos de línia, de manera que un logotip reconeixible es mantingui reconeixible. Viuen al peu de pàgina i hereten el mateix currentColor, i es tornen verdes en passar-hi per sobre. Aquest és el component real, renderitzat aquí a partir de la mateixa font que usa el peu de pàgina.

Els símbols socials en viu.

Regles

Fes

Deixa que les icones prenguin currentColor, perquè segueixin el tema i el text del voltant.

No facis

Fixar el color d'una icona al codi. Hauria de seguir el text.

Fes

Mantén una àrea de contacte de 44 píxels encara que el glif faci 16 píxels.

No facis

Encongir l'àrea tocable fins a la mida del dibuix.

Fes

Usa icones de línia per a les accions i símbols sòlids per a les marques.

No facis

Barrejar estils de traç i d'emplenat dins del conjunt d'interfície.