1# UI/UX Keywords Reference
2 
3Progressive disclosure reference for common UI terminology and adjective palettes.
4 
5## Component Keywords
6 
7### Navigation
8- navigation bar, nav menu, header
9- breadcrumbs, tabs, sidebar
10- hamburger menu, dropdown menu
11- back button, close button
12 
13### Content Containers
14- hero section, hero banner
15- card, card grid, tile
16- modal, dialog, popup
17- accordion, collapsible section
18- carousel, slider
19 
20### Forms
21- input field, text input
22- dropdown, select menu
23- checkbox, radio button
24- toggle switch
25- date picker, time picker
26- search bar, search input
27- submit button, form actions
28 
29### Calls to Action
30- primary button, secondary button
31- ghost button, text link
32- floating action button (FAB)
33- icon button
34 
35### Feedback
36- toast notification, snackbar
37- alert banner, warning message
38- loading spinner, skeleton loader
39- progress bar, step indicator
40 
41### Layout
42- grid layout, flexbox
43- sidebar layout, split view
44- sticky header, fixed footer
45- full-width, contained width
46- centered content, max-width container
47 
48## Adjective Palettes
49 
50### Minimal / Clean
51- minimal, clean, uncluttered
52- generous whitespace, breathing room
53- subtle, understated, refined
54- simple, focused, distraction-free
55 
56### Professional / Corporate
57- sophisticated, polished, trustworthy
58- corporate, business-like, formal
59- subtle shadows, clean lines
60- structured, organized, hierarchical
61 
62### Playful / Fun
63- vibrant, colorful, energetic
64- rounded corners, soft edges
65- bold, expressive, dynamic
66- friendly, approachable, warm
67 
68### Premium / Luxury
69- elegant, luxurious, high-end
70- dramatic, bold contrasts
71- sleek, modern, cutting-edge
72- exclusive, boutique, curated
73 
74### Dark Mode
75- dark theme, night mode
76- high-contrast accents
77- soft glows, subtle highlights
78- deep backgrounds, muted surfaces
79 
80### Organic / Natural
81- earthy tones, natural colors
82- warm, inviting, cozy
83- textured, tactile, handcrafted
84- flowing, organic shapes
85 
86## Color Role Terminology
87 
88### Backgrounds
89- page background, canvas
90- surface color, card background
91- overlay, scrim
92 
93### Text
94- primary text, heading color
95- secondary text, body copy
96- muted text, placeholder
97- inverse text (on dark backgrounds)
98 
99### Accents
100- primary accent, brand color
101- secondary accent, highlight
102- success, error, warning colors
103- hover state, active state
104 
105## Shape Descriptions
106 
107| Technical | Natural Language |
108|-----------|------------------|
109| `rounded-none` | sharp, squared-off edges |
110| `rounded-sm` | slightly softened corners |
111| `rounded-md` | gently rounded corners |
112| `rounded-lg` | generously rounded corners |
113| `rounded-xl` | very rounded, pillow-like |
114| `rounded-full` | pill-shaped, circular |
115