Customizing Tiers and Colors

Overview

Customizing your tiers is what makes your tier list truly yours. Change names, pick colors, add or remove tiers – make it match your vision and ranking style.


Default Tier Structure

VerseDB provides a classic 6-tier system by default:

Tier Color Hex Code Meaning
S Red #FF7F7F Best of the best
A Orange #FFBF7F Excellent
B Light Orange #FFDF7F Good
C Yellow #FFFF7F Average
D Light Green #BFFF7F Below average
F Gray #7F7F7F Worst

You can change everything about these tiers!


Renaming Tiers

How to Rename

  1. Go to tier list creation or edit page
  2. Click on the tier name
  3. Type your new name (up to 50 characters)
  4. Press Enter or click outside to save

Popular Tier Name Schemes

Classic Gaming Style:

  • S, A, B, C, D, F

Descriptive:

  • Masterpiece, Excellent, Good, Average, Poor, Terrible
  • Must Read, Great, Solid, Okay, Pass, Avoid
  • God Tier, Top Tier, Mid Tier, Low Tier, Trash Tier

Numerical:

  • 10/10, 9/10, 8/10, 7/10, 6/10, Below 6

Emoji-Based:

  • 🔥 Fire, 👍 Good, 😐 Meh, 👎 Bad, 🗑️ Trash
  • ⭐⭐⭐⭐⭐, ⭐⭐⭐⭐, ⭐⭐⭐, ⭐⭐, ⭐

Funny/Creative:

  • Chef's Kiss, Pretty Good, It's Okay, Yikes, Burn It
  • Peak Fiction, W, Mid, L, Ratio
  • Hall of Fame, Solid, Questionable, Why?, Never Again

Tips for Naming

  • Keep names short and clear
  • Be consistent across tiers
  • Make the hierarchy obvious
  • Match the tone to your topic

Changing Tier Colors

How to Change Colors

  1. Click the color swatch next to the tier name
  2. Use the color picker to select a color
  3. Or enter a hex code directly (#FF0000)
  4. Preview the change in real-time
  5. Click outside or press Enter to apply

Color Schemes

Gradient (Warm to Cool):

  • S: Red (#FF0000)
  • A: Orange (#FF8800)
  • B: Yellow (#FFFF00)
  • C: Lime (#88FF00)
  • D: Cyan (#00FFFF)
  • F: Blue (#0000FF)

Traffic Light:

  • S: Green (#00FF00) - Go!
  • A: Light Green (#88FF00)
  • B: Yellow (#FFFF00) - Caution
  • C: Orange (#FF8800)
  • D: Red (#FF0000) - Stop!
  • F: Dark Red (#880000)

Monochrome (Dark to Light):

  • S: Black (#000000)
  • A: Dark Gray (#404040)
  • B: Gray (#808080)
  • C: Light Gray (#C0C0C0)
  • D: Very Light Gray (#E0E0E0)
  • F: White (#FFFFFF)

Brand Colors: Use publisher colors:

  • Marvel Red: #ED1D24
  • DC Blue: #0078F0
  • Image Orange: #FF6600

Color Best Practices

Accessibility:

  • Use high contrast between tiers
  • Avoid colors that are too similar
  • Consider colorblind-friendly palettes
  • Test readability with light/dark text

Visual Hierarchy:

  • Brighter/bolder = higher tier
  • Muted/darker = lower tier
  • Or reverse it for dramatic effect

Consistency:

  • Use the same color scheme across your tier lists
  • Makes your profile recognizable
  • Helps viewers understand your ranking system

Adding and Removing Tiers

Adding Tiers

  1. Click "Add Tier" button
  2. New tier appears at the bottom
  3. Drag to reorder
  4. Customize name and color
  5. Maximum: 10 tiers per list

When to add tiers:

  • Need more granularity in rankings
  • Have lots of items to rank
  • Want special categories (e.g., "Not Yet Read")

Removing Tiers

  1. Click the trash icon next to the tier
  2. Confirm deletion
  3. Items in that tier will be moved to "Unranked"
  4. Minimum: 2 tiers required

When to remove tiers:

  • Not using all default tiers
  • Want a simpler ranking structure
  • Have fewer items to rank

Reordering Tiers

How to Reorder

  1. Click and hold the drag handle (⋮⋮) next to tier name
  2. Drag the tier up or down
  3. Drop it in the new position
  4. All items move with the tier

Why reorder?

  • Put best tier at top or bottom (your preference)
  • Group related tiers together
  • Create visual flow

Advanced Tier Configurations

Minimal Setup (2 Tiers)

  • Good / Bad
  • Read / Unread
  • Recommend / Don't Recommend

Simplified (3-4 Tiers)

  • Great, Good, Bad
  • S-Tier, Mid-Tier, Low-Tier, Trash

Standard (5-6 Tiers)

  • S, A, B, C, D, F (default)
  • Excellent, Great, Good, Okay, Bad, Awful

Granular (7-10 Tiers)

  • 10/10, 9/10, 8/10, 7/10, 6/10, 5/10, 4/10, 3/10, 2/10, 1/10
  • Perfect, Nearly Perfect, Excellent, Very Good, Good, Okay, Below Average, Poor, Bad, Terrible

Special Categories

Add tiers for:

  • "Haven't Read Yet"
  • "Need to Reread"
  • "Guilty Pleasures"
  • "Overrated"
  • "Nostalgic Bias"

Tier Order Conventions

Top-to-Bottom (Most Common)

S Tier (Best)
A Tier
B Tier
C Tier
D Tier
F Tier (Worst)

Bottom-to-Top (Alternative)

F Tier (Worst)
D Tier
C Tier
B Tier
A Tier
S Tier (Best)

Choose what feels natural to you!


Examples by Topic

For Series Rankings

Tiers: Must Read, Highly Recommended, Good, Okay, Skippable, Avoid Colors: Gold, Orange, Green, Yellow, Gray, Red

For Character Power Levels

Tiers: Cosmic, Omega, Alpha, Beta, Street Level Colors: Purple, Red, Orange, Yellow, Blue

For Art Quality

Tiers: Masterful, Excellent, Good, Average, Poor, Terrible Colors: Rainbow gradient (purple to red)

For First Issues

Tiers: Perfect Hook, Strong Start, Decent, Weak, Boring, Confusing Colors: Green gradient (bright to dark)


Saving and Applying Changes

During Creation

  • Changes apply instantly as you edit
  • Preview updates in real-time
  • Save when you publish the tier list

During Editing

  • Changes save automatically
  • Preview updates live
  • Click "Save Changes" when done
  • All changes are public immediately

Tips for Great Tier Customization

Match Your Topic

  • Serious topics → Professional colors and names
  • Fun topics → Creative names and bright colors
  • Nostalgic topics → Retro color schemes

Be Consistent

  • Use the same scheme across similar lists
  • Build a recognizable style
  • Help viewers understand your system

Consider Your Audience

  • Simple names for casual viewers
  • Detailed names for hardcore fans
  • Accessible colors for all viewers

Test Readability

  • Preview on light and dark backgrounds
  • Check if tier names fit on mobile
  • Ensure text is readable on tier colors

Common Mistakes to Avoid

❌ Too Many Tiers

Using all 10 tiers when you only have 15 items creates unnecessary complexity

❌ Similar Colors

#FF0000 and #FF1111 are too close – viewers can't tell them apart

❌ Confusing Names

"Mid-High-Tier" – is that good or bad?

❌ Inconsistent Hierarchy

S > A > B, but then "Trash" between D and F breaks the pattern

❌ Unreadable Text

Yellow text on white background = invisible


Inspiration Gallery

Browse trending tier lists to see creative customization:


Next Steps

Make your tier lists uniquely yours with custom tiers and colors!

Was this article helpful?

Please login to provide feedback