references/styles/retro-popup-pop.md
2.9 KB查看排版效果| 1 | # retro-popup-pop |
| 2 | |
| 3 | Retro 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. |
| 4 | |
| 5 | ## Color Palette |
| 6 | |
| 7 | - Background: Bright cyan (#12B8DE) primary canvas, vintage cream (#F5F0E6) alternate |
| 8 | - 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 bars |
| 11 | - Accent fills (small areas only): Salmon pink, sky blue, mustard yellow, mint green — muted retro tones |
| 12 | |
| 13 | ## Visual Elements |
| 14 | |
| 15 | - 80s/90s desktop popup windows with title bars, close buttons (×), and chunky borders |
| 16 | - Multiple windows tiled or lightly overlapping with offset solid-black drop shadows for depth |
| 17 | - ERROR / ALERT / WARNING dialogs to highlight misconceptions, common pitfalls, risks |
| 18 | - 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 trend |
| 20 | - Pixel-style chunky icons: folders, magnifiers, gears, exclamation marks, floppy disks, hourglasses |
| 21 | - Action buttons with thick black borders and short pop-style copy: OK, CANCEL, FIX IT, SCAN, PLAY, RETRY, SAVE |
| 22 | - Comparison data rendered as windowed lists or small tabular dialogs |
| 23 | - Uniform thick black outlines on every window, button, icon, and divider |
| 24 | - Pure 2D flat color fills throughout — no gradients, no glow, no glass |
| 25 | |
| 26 | ## Typography |
| 27 | |
| 28 | - Headers: Pixel / dot-matrix / chunky bitmap display fonts, large and high-contrast |
| 29 | - Body: Retro monospace or system-style sans-serif, high legibility |
| 30 | - Title bars: Reverse white on solid black, all-caps preferred |
| 31 | - Decorative all-caps English allowed for filenames, status strings, button labels (PROBLEMS.EXE, OK, CANCEL); body content text remains in the confirmed output language |
| 32 | |
| 33 | ## Style Enforcement |
| 34 | |
| 35 | - Every information chunk must live inside a window, dialog, button, or progress bar — no floating elements |
| 36 | - Uniform thick black outlines everywhere; offset solid-black drop shadows for stacked-window depth |
| 37 | - Limit accent palette to ~4 colors per composition; let cyan or cream dominate the canvas |
| 38 | - Maintain low-fi pixel/popup feel; humorous popup copy welcome, polished modern UI prohibited |
| 39 | |
| 40 | ## Avoid |
| 41 | |
| 42 | - Modern UI styles: glassmorphism, neumorphism, soft shadows, blurs, gradients |
| 43 | - 3D rendering, photorealism, ray-traced shadows |
| 44 | - Hand-drawn wobble, watercolor washes, or sketch textures |
| 45 | - Smooth anti-aliased curves on icons (prefer chunky pixel/stair-step edges) |
| 46 | - Pure black backgrounds — keep cyan or cream as the canvas |
| 47 | |
| 48 | ## Best For |
| 49 | |
| 50 | High-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. |
文件内容是平台检查时读出的文本，只供查看。平台不会运行包里的任何脚本或程序。
