KotorrHUB Design System
StylesAudaz. Vibrante. Juguetón. Biblioteca de componentes High-energy.
Color System
Paleta estricta con roles semánticos, colores de estado y efectos de brillo.
Brand Colors
Semantic Roles
Status Colors
Surface Layers
Glow Effects
Gradient Presets
Typography System
Tipografía sans serif audaz, expresiva, amigable y moderna. Space Grotesk para encabezados y cuerpo, JetBrains Mono para código.
Type Scale
Comedy Gold
The Stage is Yours
Trending Comedians
Featured Clips
Community Highlights
Welcome to the funniest corner of the internet. Discover new comedians, rate their best bits, climb the leaderboard, and join a community that lives for the laugh.
Updated 3 hours ago. 12.4k members online right now.
Fig 1.2 - Top rated clip this week
Trending Now
const laughScore = 42069;
Font Weights
Design Tokens
Spacing, radius, shadows, transitions, z-index, y opacity scales.
Spacing Scale (4px base)
Border Radius
Shadow System
Transition Durations
Z-Index Layers
Opacity Scale
Buttons
Sistema completo de variantes con brillo al pasar el cursor, estados de carga y tamaños diversos.
Variants
Sizes
States
Input Controls
Text inputs, textareas, checkboxes, switches con efecto de focus glow y validaciones.
Text Inputs
This username is already taken
Textarea
Bio must be at least 20 characters
Toggles & Checks
File Upload
Drop your clip here
MP4, MOV up to 100MB
Data Display
Cards, badges, progress bars, ratings, dividers, y loading states.
Card Variants
Default Card
Standard card with border
Content area for any data.
Elevated Card
With elevated shadow
Floats above the surface.
Gold Card
Featured content highlight
Gold border glow effect.
Neon Card
High energy accent
Neon border glow effect.
Interactive Card
Hover to see the lift effect
Clickable card with hover states.
Surface Card
Subtle surface background
Uses surface-2 background.
Status Badges
Dividers
Progress Bars
Rating Stars
Loading States
Spinners
Skeleton Loaders
Feedback
Alerts, empty states, y notification patterns.
Alerts
Upload Complete
Content Review
Upload Failed
New Feature
Achievement Unlocked
Going Viral
Empty States
No Clips Yet
Upload your first comedy clip and start building your audience.
No Results Found
Try adjusting your search filters or browse trending content.
Community Components
Leaderboards, reputation, media tiles, moderation labels, and analytics cards.
Leaderboard
Reputation Levels
Media Preview Tiles
The Best Dad Jokes of 2026
ComedyKing42
When the WiFi Goes Down at a Tech Conference
LaughFactory
Stand-up Set: Life After 30
StandupStar
Moderation Labels
Analytics Cards
Interaction Design
Micro-interactions, hover animations, glow effects, y transition timings.