03
Signals · GG·03
Badges — difficulty, type & status
Every guide announces three things before its first sentence: how hard, what kind, any special status. Difficulty is a cross-site invariant. Guide-type takes the host brand — flip S and watch the type labels re-ink while difficulty holds still. That's the system working.
01 Full set — one DOM, live re-skinned
Signal Set
Difficulty — invariant
● Beginner● Intermediate
● Advanced● Expert
Guide type — takes the brand ink
WalkthroughTips & TricksBoss Guide
Build GuideTier ListCollectibles
Status — earned, not decorative
Featured
Pinned
★ PremiumNew
Content warning — mature titles
Mature ContentThis guide covers a title rated M for intense violence and strong language. Gameplay descriptions remain non-graphic.
View recipe — the shipped Tailwind map (GuideCard.astro)
// click to copy — src/components/astro/cards/GuideCard.astro
const difficultyColors: Record<string, string> = {
beginner: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300',
intermediate: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300',
advanced: 'bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300',
expert: 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300',
};
✓ DO
Difficulty pill first, then type label. Max one status badge per card — Premium wins ties.
✗ DON'T
Never signal by color alone — every badge carries text. Never invent new difficulty tiers.