Interface Nomenclature Guide

[richard.wilkie]

General Interface

1. Header
2. Logo (primary)
3. [Header Buttons]
   3a. Search button
   3b. Hamburger menu
   3c. Avatar menu
4. Navigation (Nav) Bar
5. List headings
6. Topics / Topic List
7. New Topic button
8. Category badge
9. Posters
10. Last Seen separator

Topic Interface

A. Logo (compact)
B. Category Breadcrumb
C. Header (while in topic)
D. Revision indicator
E. Post Date
F. Admin Wrench (side)
G. Progress bar
H. Reply to Post button
I. Post Action Buttons
J. Topic Map
K. Notification state button
L. Reply to Topic button (side)

Editor Interface

1. Reply toggle
2. Title input
3. Category selector
4. Tag selector
5. Formatting menu
6. Input Pane (input screen / area)
7. Preview Pane
8. Post Preview

User Card Interface

1. User Card
2. Name
3. Avatar (User Image)
4. Username
5. Title
6. Bio (biography / About Me)
7. Badges
8. Staff Indicator (Admin / Moderator) (Not shown)
9. Flair
10. Location

User Profile Interface

Notifications / Avatar Menu

1. Pending Reviewables Badge
2. Unread High-priority Notification Badge
3. Unseen Notification Badge
4. Latest Notifications
5. Latest Bookmarks
6. Latest Messages
7. User Preferences
8. Unread Notifications
9. Read Notifications