Interface Nomenclature Guide

  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

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)

  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

  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

Avatar Menu

  1. Quick Access Panel
  2. Latest Assignments
  3. Latest Notifications
  4. Latest Bookmarks
  5. Latest Messages
25 Likes