Red Card
Bold background.
Visual Character
Vibrant, playful creative studio aesthetic. Bold red dominates, with multicolor accents in yellow, blue, green, and purple. Large 12px rounded corners, energetic feel.
Color Palette
Red
Yellow
Blue
Light Blue
Green
Light
Background System
Red Base
Yellow
Blue
Green
Atmosphere Demo
Hero atmosphere
Bold red with colorful floating shapes - yellow, blue, green.
Motif Library
Bold Red
Yellow
Blue
Green
Typography
Display
Heading Large
Heading Medium
Body text sample for reading rhythm.
Caption / muted text sample.
inline code
Cards
Yellow Card
Playful accent.
Blue Card
Purple-blue accent.
Forms
Navigation
Table
| Column | Value | Status |
|---|---|---|
| Typography | Poppins + Futura | Ready |
| Colors | Red, Yellow, Blue, Green | Ready |
| Motion | Transform scale | Ready |
Prose
Creative studio content with links in yellow, warm tones, and playful energy.
Code Block
example.js
JavaScript
// Planetoño code style
const palette = {
red: "#eb3322",
yellow: "#ffc737",
blue: "#7721c7",
green: "#8df947"
};
export { palette };Callouts
Info
Light blue accent.
Light blue accent.
Success
Green accent.
Green accent.
Warning
Yellow accent.
Yellow accent.
Danger
Red accent.
Red accent.
Overlay
Animation System
Keyframe animations from planetono.space. Playful jelly effect on buttons, smooth loading spinner.
jelly-af638566 (hover)
swiper-preloader-spin
elastic bounce
playful overshoot