196 results

1. Arrow Pair

   A label with an arrow after the text

2. Article Byline

   Author and date under a title

3. Brutal Alert

   Thick rules and uppercase

4. Brutal Badge

   Thick rules and uppercase

5. Brutal Banner

   Thick rules and uppercase

6. Brutal Button

   Thick rules and uppercase

7. Brutal Byline

   Thick rules and uppercase

8. Brutal Card

   Thick rules and uppercase

9. Brutal Checkbox

   Thick rules and uppercase

10. Brutal Chip

    Thick rules and uppercase

11. Brutal Code

    Thick rules and uppercase

12. Brutal Details

    Thick rules and uppercase

13. Brutal Empty

    Thick rules and uppercase

14. Brutal Input

    Thick rules and uppercase

15. Brutal List

    Thick rules and uppercase

16. Brutal Nav

    Thick rules and uppercase

17. Brutal Pagination

    Thick rules and uppercase

18. Brutal Progress

    Thick rules and uppercase

19. Brutal Quote

    Thick rules and uppercase

20. Brutal Search

    Thick rules and uppercase

21. Brutal Select

    Thick rules and uppercase

22. Brutal Stat

    Thick rules and uppercase

23. Brutal Table

    Thick rules and uppercase

24. Brutal Tabs

    Thick rules and uppercase

25. Brutal Textarea

    Thick rules and uppercase

26. Brutal Toggle

    Thick rules and uppercase

27. Chic Alert

    Serif type and a thin rule

28. Chic Badge

    Serif type and a thin rule

29. Chic Banner

    Serif type and a thin rule

30. Chic Button

    Serif type and a thin rule

31. Chic Byline

    Serif type and a thin rule

32. Chic Card

    Serif type and a thin rule

33. Chic Checkbox

    Serif type and a thin rule

34. Chic Chip

    Serif type and a thin rule

35. Chic Code

    Serif type and a thin rule

36. Chic Details

    Serif type and a thin rule

37. Chic Empty

    Serif type and a thin rule

38. Chic Input

    Serif type and a thin rule

39. Chic List

    Serif type and a thin rule

40. Chic Nav

    Serif type and a thin rule

41. Chic Pagination

    Serif type and a thin rule

42. Chic Progress

    Serif type and a thin rule

43. Chic Quote

    Serif type and a thin rule

44. Chic Search

    Serif type and a thin rule

45. Chic Select

    Serif type and a thin rule

46. Chic Stat

    Serif type and a thin rule

47. Chic Table

    Serif type and a thin rule

48. Chic Tabs

    Serif type and a thin rule

49. Chic Textarea

    Serif type and a thin rule

50. Chic Toggle

    Serif type and a thin rule

51. Choice Radio

    Exclusive radio buttons

52. Code Block

    A pre/code pair for a short CSS snippet

53. Corner Mark

    A short mark that sits on a corner

54. Count Badge

    A badge that shows a count

55. Crumb Trail

    Breadcrumbs for hierarchy

56. Data Table

    A small data table

57. Dense Alert

    Tight gaps and mono type

58. Dense Badge

    Tight gaps and mono type

59. Dense Banner

    Tight gaps and mono type

60. Dense Button

    Tight gaps and mono type

61. Dense Byline

    Tight gaps and mono type

62. Dense Card

    Tight gaps and mono type

63. Dense Checkbox

    Tight gaps and mono type

64. Dense Chip

    Tight gaps and mono type

65. Dense Code

    Tight gaps and mono type

66. Dense Details

    Tight gaps and mono type

67. Dense Empty

    Tight gaps and mono type

68. Dense Input

    Tight gaps and mono type

69. Dense List

    Tight gaps and mono type

70. Dense Nav

    Tight gaps and mono type

71. Dense Pagination

    Tight gaps and mono type

72. Dense Progress

    Tight gaps and mono type

73. Dense Quote

    Tight gaps and mono type

74. Dense Search

    Tight gaps and mono type

75. Dense Select

    Tight gaps and mono type

76. Dense Stat

    Tight gaps and mono type

77. Dense Table

    Tight gaps and mono type

78. Dense Tabs

    Tight gaps and mono type

79. Dense Textarea

    Tight gaps and mono type

80. Dense Toggle

    Tight gaps and mono type

81. Editorial Alert

    Measure against a heading

82. Editorial Badge

    Measure against a heading

83. Editorial Banner

    Measure against a heading

84. Editorial Button

    Measure against a heading

85. Editorial Byline

    Measure against a heading

86. Editorial Card

    Measure against a heading

87. Editorial Checkbox

    Measure against a heading

88. Editorial Chip

    Measure against a heading

89. Editorial Code

    Measure against a heading

90. Editorial Details

    Measure against a heading

91. Editorial Empty

    Measure against a heading

92. Editorial Input

    Measure against a heading

93. Editorial List

    Measure against a heading

94. Editorial Nav

    Measure against a heading

95. Editorial Pagination

    Measure against a heading

96. Editorial Progress

    Measure against a heading

97. Editorial Quote

    Measure against a heading

98. Editorial Search

    Measure against a heading

99. Editorial Select

    Measure against a heading

100. Editorial Stat

     Measure against a heading

101. Editorial Table

     Measure against a heading

102. Editorial Tabs

     Measure against a heading

103. Editorial Textarea

     Measure against a heading

104. Editorial Toggle

     Measure against a heading

105. Empty Hint

     A short empty-state prompt

106. Exclusive Accordion

     details that open one at a time via the same name

107. Face Avatar

     An initial avatar

108. File Pick

     File picker

109. Filter Chip

     A selectable chip

110. Float Label

     A label that rides the field, without script

111. Ghost Button

     Low-chroma outline button

112. Hash Chip

     A short word led by a hash mark

113. Hover Tip

     Extra copy on hover and focus

114. Key Caps

     A row of kbd keys for shortcuts

115. Mark Pull

     A pull that enlarges a marked phrase

116. Meter Bar

     A bar that shows progress

117. Modal Panel

     A modal that dims the back

118. Modern Alert

     Red on a short white plane

119. Modern Badge

     Red on a short white plane

120. Modern Banner

     Red on a short white plane

121. Modern Button

     Red on a short white plane

122. Modern Byline

     Red on a short white plane

123. Modern Card

     Red on a short white plane

124. Modern Checkbox

     Red on a short white plane

125. Modern Chip

     Red on a short white plane

126. Modern Code

     Red on a short white plane

127. Modern Details

     Red on a short white plane

128. Modern Empty

     Red on a short white plane

129. Modern Input

     Red on a short white plane

130. Modern List

     Red on a short white plane

131. Modern Nav

     Red on a short white plane

132. Modern Pagination

     Red on a short white plane

133. Modern Progress

     Red on a short white plane

134. Modern Quote

     Red on a short white plane

135. Modern Search

     Red on a short white plane

136. Modern Select

     Red on a short white plane

137. Modern Stat

     Red on a short white plane

138. Modern Table

     Red on a short white plane

139. Modern Tabs

     Red on a short white plane

140. Modern Textarea

     Red on a short white plane

141. Modern Toggle

     Red on a short white plane

142. Native Details

     A standard accordion with no JavaScript

143. Native Popover

     A hint opened with popovertarget

144. Native Select

     A native select menu

145. Neu Press

     A soft pressable button

146. Note Area

     A multi-line input surface

147. Numbered Steps

     Steps led by large numbers

148. Open Dialog

     A native dialog shown with the open attribute

149. Page Nav

     Pagination

150. Paired Fields

     A fieldset that pairs two name fields

151. Pill Rail

     A rail that marks the current item as a pill

152. Price Column

     A price stacked over its unit

153. Pull Quote

     A large quote that splits the page

154. Pulse Skeleton

     Empty bars that pulse while content loads

155. Radio Tabs

     Tabs switched with radios

156. Range Slider

     A slider for choosing an amount

157. Ruled Blank

     Empty copy on a ruled notebook field

158. Search Field

     An input for search

159. Site Nav

     Horizontal site navigation

160. Soft Alert

     Large radii and a pale plane

161. Soft Badge

     Large radii and a pale plane

162. Soft Banner

     Large radii and a pale plane

163. Soft Button

     Large radii and a pale plane

164. Soft Byline

     Large radii and a pale plane

165. Soft Card

     Large radii and a pale plane

166. Soft Checkbox

     Large radii and a pale plane

167. Soft Chip

     Large radii and a pale plane

168. Soft Code

     Large radii and a pale plane

169. Soft Details

     Large radii and a pale plane

170. Soft Empty

     Large radii and a pale plane

171. Soft Input

     Large radii and a pale plane

172. Soft List

     Large radii and a pale plane

173. Soft Nav

     Large radii and a pale plane

174. Soft Pagination

     Large radii and a pale plane

175. Soft Progress

     Large radii and a pale plane

176. Soft Quote

     Large radii and a pale plane

177. Soft Search

     Large radii and a pale plane

178. Soft Select

     Large radii and a pale plane

179. Soft Stat

     Large radii and a pale plane

180. Soft Table

     Large radii and a pale plane

181. Soft Tabs

     Large radii and a pale plane

182. Soft Textarea

     Large radii and a pale plane

183. Soft Toggle

     Large radii and a pale plane

184. Split Card

     A card that splits color and copy

185. Stacked List

     A stacked list of items

186. Star Rating

     A five-star rating made of radio inputs

187. Stat Tile

     A tile with one large number and a short label

188. Status Banner

     An aside with a left rule for status copy

189. Status Note

     Call out a note with aside

190. Step Rail

     A numbered vertical sequence joined by a line

191. Switch Toggle

     A toggle built from a checkbox

192. Tape Note

     A note with a strip of tape on top

193. Thin Line

     A progress bar kept as a thin line

194. Tick Box

     A labeled checkbox

195. Ticket Stub

     A short stub with a tear rule

196. Underline Field

     An underline input bound to its label