41224
Panels
Tab bodies share the panel surface, so the selected tab reads as continuous with the content below it.
- Site rules discussion12 replies · 3 hours ago
- Tag cleanup thread12 replies · 3 hours ago
- Art critique corner12 replies · 3 hours ago
A sub-header carries a lighter tint so nested sections do not compete with the panel title.
Uploads 1,204 · Comments 8,930 · Faves 22,145
Buttons
Each variant sets one variable (--btn-seed); border, hover and active states derive from it.
Tags
Category colors are identical in every Derpibooru theme, so they live in the shared palette rather than in each theme file. Background and border derive from the one category color via color-mix().
Media grid
Per page
Image fit
Forms
Shown above the image on its page.
Uses
:user-invalid, so it only flags after you interact.Options
Notices & badges
Heads upYour filter is hiding 42 images on this page.
Upload completeYour image is now in the moderation queue.
Tag conflictThis image has both
safe and suggestive.Upload rejectedA duplicate of this image already exists.
Member3 newAssistantTop faverLiveOff air
Scheduled maintenance tonight at 02:00 UTC.
Tables
| Tag | Category | Images |
|---|---|---|
| twilight sparkle | character | 188 204 |
| safe | rating | 2 140 882 |
| pegasus | species | 311 405 |
| screencap | origin | 96 331 |
| oc:littlepip | oc | 3 402 |
Menus
The same menu surface the header's section dropdowns and user menu use - 50 mock images are listed behind it on the home page.
Typography
Heading one
Heading two
Heading three
Heading four
Body text sits at --text-sm, the density a booru wants. Links use the link color, and hovering one reveals the signature purple that makes the palette recognizable rather than generic.
Muted text for timestamps and counters: posted 3 hours ago · 1,204 views · 88 faves