Differential D16848 Diff 45705 source/components/assistance/emblem.rst

Changeset View

Standalone View

source/components/assistance/emblem.rst

Show All 37 Lines		36	- Emblems that indicate status should be placed in the bottom-right corner. If
38	in a clockwise order.	38		in a clockwise order.
39	- Emblems that indicate unread notifications should be located in the	39		- Emblems that indicate unread notifications should be located in the
40	top-right corner.	40		top-right corner.
41	- Use the minimum number of emblems and do not overwhelm the icon itself.	41		- Use the minimum number of emblems and do not overwhelm the icon itself.
42	Three is usually too many.	42		Three is usually too many.
43		43
44	Appearance	44		Appearance
45	----------	45		----------
46
47	An emblem that indicates status should take the form of a light-colored symbol
48	on top of a brightly-colored shape.
49
50	.. figure:: /img/emblem-warning.png
51	:alt:
52
53	Warning emblem
54
55	An emblem that indicates unread notifications should take the form of a	46		An emblem that indicates unread notifications should take the form of a
56	light-colored number inside a blue circle. The circle can become "pill-shaped"	47		light-colored number inside a blue circle. The circle can become "pill-shaped"
57	if the number is very large.	48		if the number is very large.
58		49
59	.. figure:: /img/emblem-notification-small.png	50		.. figure:: /img/emblem-notification-small.png
60	:alt:	51		:alt:
61		52
62	Notification emblem	53		Notification emblem
63		54
64	.. figure:: /img/emblem-notification-large.png	55		.. figure:: /img/emblem-notification-large.png
65	:alt:	56		:alt:
66		57
67	Notification emblem with a large number	58		Notification emblem with a large number
		59
		60		For symbolic icon emblems, see the :doc:`Breeze icon guidelines </style/icon>`.
		61