Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Generate professional infographics with 21 layout types and 20 visual styles from content or markdown.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
references/styles/retro-popup-pop.md
1# retro-popup-pop23Retro pixel popup × pop-art collage — content rendered as a stack of 80/90s desktop dialog windows with thick black outlines, flat color fills, and bright cyan or vintage cream backgrounds.45## Color Palette67- Background: Bright cyan (#12B8DE) primary canvas, vintage cream (#F5F0E6) alternate8- Window fills: Vintage cream (#F5F0E6) and pure white (#FFFFFF)9- Primary text and outlines: Pure black (#000000)10- Reverse text: Pure white on solid black title bars11- Accent fills (small areas only): Salmon pink, sky blue, mustard yellow, mint green — muted retro tones1213## Visual Elements1415- 80s/90s desktop popup windows with title bars, close buttons (×), and chunky borders16- Multiple windows tiled or lightly overlapping with offset solid-black drop shadows for depth17- ERROR / ALERT / WARNING dialogs to highlight misconceptions, common pitfalls, risks18- File-window vignettes labeled with retro filenames (PROBLEMS.EXE, METHOD.PNG, BURNOUT.PSD, FOCUS_SCAN, SYSTEM_ALERT, IDEAS_MISSING)19- Progress bars for completion, difficulty, conversion rate, or trend20- Pixel-style chunky icons: folders, magnifiers, gears, exclamation marks, floppy disks, hourglasses21- Action buttons with thick black borders and short pop-style copy: OK, CANCEL, FIX IT, SCAN, PLAY, RETRY, SAVE22- Comparison data rendered as windowed lists or small tabular dialogs23- Uniform thick black outlines on every window, button, icon, and divider24- Pure 2D flat color fills throughout — no gradients, no glow, no glass2526## Typography2728- Headers: Pixel / dot-matrix / chunky bitmap display fonts, large and high-contrast29- Body: Retro monospace or system-style sans-serif, high legibility30- Title bars: Reverse white on solid black, all-caps preferred31- Decorative all-caps English allowed for filenames, status strings, button labels (PROBLEMS.EXE, OK, CANCEL); body content text remains in the confirmed output language3233## Style Enforcement3435- Every information chunk must live inside a window, dialog, button, or progress bar — no floating elements36- Uniform thick black outlines everywhere; offset solid-black drop shadows for stacked-window depth37- Limit accent palette to ~4 colors per composition; let cyan or cream dominate the canvas38- Maintain low-fi pixel/popup feel; humorous popup copy welcome, polished modern UI prohibited3940## Avoid4142- Modern UI styles: glassmorphism, neumorphism, soft shadows, blurs, gradients43- 3D rendering, photorealism, ray-traced shadows44- Hand-drawn wobble, watercolor washes, or sketch textures45- Smooth anti-aliased curves on icons (prefer chunky pixel/stair-step edges)46- Pure black backgrounds — keep cyan or cream as the canvas4748## Best For4950High-density "干货" knowledge guides, common-pitfall and debunking posts, knowledge-pop content for design-savvy or developer audiences, Xiaohongshu-style retro-tech posts, dense-modules portrait infographics.51