v1.0.0
This commit is contained in:
simple321vip
@@ -0,0 +1,36 @@
|
||||
# aged-academia
|
||||
|
||||
Historical scientific illustration with aged paper aesthetic.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Sepia brown (#704214), aged ink, muted earth tones
|
||||
- Background: Parchment (#F4E4BC), yellowed paper texture
|
||||
- Accents: Faded red annotations, iron gall ink spots
|
||||
|
||||
## Variants
|
||||
|
||||
| Variant | Focus | Visual Emphasis |
|
||||
|---------|-------|-----------------|
|
||||
| **Notebook** | Personal sketches, inventions | Cursive notes, margin annotations |
|
||||
| **Specimen** | Scientific classification | Numbered diagrams, Latin labels |
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Aged paper texture overlay
|
||||
- Detailed cross-hatching and line work
|
||||
- Scientific illustration precision
|
||||
- Study notes and annotations
|
||||
- Specimen plate or sketch aesthetic
|
||||
- Numbered diagram elements
|
||||
|
||||
## Typography
|
||||
|
||||
- Handwritten cursive or serif fonts
|
||||
- Scientific annotations
|
||||
- Small caps for labels
|
||||
- Italics for scientific names
|
||||
|
||||
## Best For
|
||||
|
||||
Scientific education, biology topics, historical explanations, inventions, nature documentation
|
||||
@@ -0,0 +1,36 @@
|
||||
# bold-graphic
|
||||
|
||||
High-contrast comic style with bold outlines and dramatic visuals.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Bold primaries - red, yellow, blue, black
|
||||
- Background: White, halftone patterns, dramatic shadows
|
||||
- Accents: Spot colors, neon highlights
|
||||
|
||||
## Variants
|
||||
|
||||
| Variant | Focus | Visual Emphasis |
|
||||
|---------|-------|-----------------|
|
||||
| **Graphic-novel** | Dramatic narratives | Action lines, hatching, panels |
|
||||
| **Pop-art** | High-energy impact | Halftone dots, Warhol repetition |
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Bold black outlines
|
||||
- High contrast compositions
|
||||
- Halftone dot patterns
|
||||
- Comic panel borders optional
|
||||
- Action lines and motion
|
||||
- Speech bubbles and sound effects
|
||||
|
||||
## Typography
|
||||
|
||||
- Comic book lettering
|
||||
- Impact fonts for emphasis
|
||||
- POW/BANG effects for pop-art
|
||||
- Caption boxes for narrative
|
||||
|
||||
## Best For
|
||||
|
||||
Attention-grabbing content, dramatic narratives, pop culture, marketing, high-energy presentations
|
||||
@@ -0,0 +1,61 @@
|
||||
# chalkboard
|
||||
|
||||
Black chalkboard background with colorful chalk drawing style
|
||||
|
||||
## Design Aesthetic
|
||||
|
||||
Classic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.
|
||||
|
||||
## Background
|
||||
|
||||
- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
|
||||
- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks
|
||||
|
||||
## Typography
|
||||
|
||||
Hand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.
|
||||
|
||||
## Color Palette
|
||||
|
||||
| Role | Color | Hex | Usage |
|
||||
|------|-------|-----|-------|
|
||||
| Background | Chalkboard Black | #1A1A1A | Primary background |
|
||||
| Alt Background | Green-Black | #1C2B1C | Traditional green board |
|
||||
| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |
|
||||
| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |
|
||||
| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |
|
||||
| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |
|
||||
| Accent 4 | Chalk Green | #90EE90 | Success, nature |
|
||||
| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Hand-drawn chalk illustrations with sketchy, imperfect lines
|
||||
- Chalk dust effects around text and key elements
|
||||
- Doodles: stars, arrows, underlines, circles, checkmarks
|
||||
- Mathematical formulas and simple diagrams
|
||||
- Eraser smudges and chalk residue textures
|
||||
- Wooden frame border optional
|
||||
- Stick figures and simple icons
|
||||
- Connection lines with hand-drawn feel
|
||||
|
||||
## Style Rules
|
||||
|
||||
### Do
|
||||
|
||||
- Maintain authentic chalk texture on all elements
|
||||
- Use imperfect, hand-drawn quality throughout
|
||||
- Add subtle chalk dust and smudge effects
|
||||
- Create visual hierarchy with color variety
|
||||
- Include playful doodles and annotations
|
||||
|
||||
### Don't
|
||||
|
||||
- Use perfect geometric shapes
|
||||
- Create clean digital-looking lines
|
||||
- Add photorealistic elements
|
||||
- Use gradients or glossy effects
|
||||
|
||||
## Best For
|
||||
|
||||
Educational content, tutorials, classroom themes, teaching materials, workshops, informal learning sessions, knowledge sharing
|
||||
@@ -0,0 +1,29 @@
|
||||
# claymation
|
||||
|
||||
3D clay figure aesthetic with stop-motion charm
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Saturated clay colors - bright but slightly muted
|
||||
- Background: Neutral studio backdrop, soft gradients
|
||||
- Accents: Complementary clay colors, shiny highlights
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Clay/plasticine texture on all objects
|
||||
- Fingerprint marks and imperfections
|
||||
- Rounded, sculpted forms
|
||||
- Soft shadows
|
||||
- Stop-motion staging
|
||||
- Miniature set aesthetic
|
||||
|
||||
## Typography
|
||||
|
||||
- Extruded clay letters
|
||||
- Dimensional, rounded text
|
||||
- Playful and chunky
|
||||
- Embedded in clay scenes
|
||||
|
||||
## Best For
|
||||
|
||||
Playful explanations, children's content, stop-motion narratives, friendly processes
|
||||
@@ -0,0 +1,29 @@
|
||||
# corporate-memphis
|
||||
|
||||
Flat vector people with vibrant geometric fills
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Bright, saturated - purple, orange, teal, yellow
|
||||
- Background: White or light pastels
|
||||
- Accents: Gradient fills, geometric patterns
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Flat vector illustration
|
||||
- Disproportionate human figures
|
||||
- Abstract body shapes
|
||||
- Floating geometric elements
|
||||
- No outlines, solid fills
|
||||
- Plant and object accents
|
||||
|
||||
## Typography
|
||||
|
||||
- Clean sans-serif
|
||||
- Bold headings
|
||||
- Professional but friendly
|
||||
- Minimal decoration
|
||||
|
||||
## Best For
|
||||
|
||||
Business presentations, tech products, marketing materials, corporate training
|
||||
@@ -0,0 +1,44 @@
|
||||
# craft-handmade (DEFAULT)
|
||||
|
||||
Hand-drawn and paper craft aesthetic with warm, organic feel.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Warm pastels, soft saturated colors, craft paper tones
|
||||
- Background: Light cream (#FFF8F0), textured paper (#F5F0E6)
|
||||
- Accents: Bold highlights, construction paper colors
|
||||
|
||||
## Variants
|
||||
|
||||
| Variant | Focus | Visual Emphasis |
|
||||
|---------|-------|-----------------|
|
||||
| **Hand-drawn** | Cartoon illustration | Simple icons, slightly imperfect lines |
|
||||
| **Paper-cutout** | Layered paper craft | Drop shadows, torn edges, texture |
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Hand-drawn or cut-paper quality
|
||||
- Organic, slightly imperfect shapes
|
||||
- Layered depth with shadows (paper variant)
|
||||
- Simple cartoon elements and icons
|
||||
- Character illustrations (people, personalities in cartoon form)
|
||||
- Ample whitespace, clean composition
|
||||
- Keywords and core concepts highlighted
|
||||
- **Strictly hand-drawn—no realistic or photographic elements**
|
||||
|
||||
## Style Enforcement
|
||||
|
||||
- All imagery must maintain cartoon/illustrated aesthetic
|
||||
- Replace real photos or realistic figures with hand-drawn equivalents
|
||||
- Maintain consistent line weight and illustration style throughout
|
||||
|
||||
## Typography
|
||||
|
||||
- Hand-drawn or casual font style
|
||||
- Clear, readable labels
|
||||
- Keywords emphasized with larger/bolder text
|
||||
- Cut-out letter style for paper variant
|
||||
|
||||
## Best For
|
||||
|
||||
Educational content, general explanations, friendly infographics, children's content, playful hierarchies
|
||||
@@ -0,0 +1,29 @@
|
||||
# cyberpunk-neon
|
||||
|
||||
Neon glow on dark backgrounds, futuristic aesthetic
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Neon pink (#FF00FF), cyan (#00FFFF), electric blue
|
||||
- Background: Deep black (#0A0A0A), dark purple gradients
|
||||
- Accents: Neon glow effects, chrome reflections
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Glowing neon outlines
|
||||
- Dark atmospheric backgrounds
|
||||
- Digital glitch effects
|
||||
- Circuit patterns
|
||||
- Holographic elements
|
||||
- Rain and reflections
|
||||
|
||||
## Typography
|
||||
|
||||
- Glowing neon text
|
||||
- Digital/tech fonts
|
||||
- Flickering effects
|
||||
- Outlined glow letters
|
||||
|
||||
## Best For
|
||||
|
||||
Tech futures, gaming content, digital culture, futuristic concepts, night aesthetics
|
||||
@@ -0,0 +1,63 @@
|
||||
# hand-drawn-edu
|
||||
|
||||
Hand-drawn educational infographic with macaron pastel color blocks on warm cream paper texture.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Background: Warm cream (#F5F0E8) with subtle paper grain texture
|
||||
- Primary text: Deep charcoal (#2D2D2D) for headlines, outlines
|
||||
- Macaron Blue: #A8D8EA for cool-toned information zones
|
||||
- Macaron Mint: #B5E5CF for growth/positive zones
|
||||
- Macaron Lavender: #D5C6E0 for abstract/concept zones
|
||||
- Macaron Peach: #FFD5C2 for warm-toned zones
|
||||
- Accent: Coral Red (#E8655A) for key data, warnings, emphasis
|
||||
- Muted annotations: Warm gray (#6B6B6B) for secondary labels
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Macaron pastel rounded cards as distinct information zones
|
||||
- Hand-drawn wavy connection lines and arrows with small text labels
|
||||
- Simple stick-figure characters and cartoon icons to humanize concepts
|
||||
- Doodle decorations: small stars, underlines, spirals, sparkles
|
||||
- Color fills don't completely fill outlines — preserve casual hand-drawn feel
|
||||
- Dashed borders for secondary or contained zones
|
||||
- Small icon doodles (clipboard, lock, checkmark, lightbulb) to reinforce concepts
|
||||
- Bold centered quote or takeaway at the bottom
|
||||
- Slight hand-drawn wobble on all lines and shapes
|
||||
|
||||
## Variants
|
||||
|
||||
| Variant | Focus | Visual Emphasis |
|
||||
|---------|-------|-----------------|
|
||||
| **Sketch-notes** | Concept mapping | More stick figures, thought bubbles, connecting arrows |
|
||||
| **Pastel cards** | Structured info | Cleaner macaron blocks, less doodle, more white space |
|
||||
|
||||
## Typography
|
||||
|
||||
- Main title: Bold hand-drawn lettering with organic strokes, large confident letterforms with slight wobble
|
||||
- Section headers: Hand-lettered text on or inside macaron color blocks
|
||||
- Body text: Clear handwritten print style, legible but not mechanical
|
||||
- Annotations: Warm gray (#6B6B6B), smaller, neat handwritten labels
|
||||
- Keywords: Bold emphasis within body text
|
||||
|
||||
## Style Enforcement
|
||||
|
||||
- All lines must have slight hand-drawn wobble — no perfect geometry
|
||||
- Each information zone uses a distinct macaron color block
|
||||
- Maintain consistent wobble quality across all shapes and lines
|
||||
- Include at least one simple cartoon character or stick figure
|
||||
- Generous white space between zones — each zone should breathe
|
||||
- Maximum 4 macaron colors per infographic
|
||||
|
||||
## Avoid
|
||||
|
||||
- Perfect geometric shapes or straight lines
|
||||
- Photorealistic elements or stock illustration style
|
||||
- Pure white backgrounds
|
||||
- Flat vector icons or digital-precision graphics
|
||||
- Overcrowded layouts — let zones breathe
|
||||
- Corporate or clinical aesthetic
|
||||
|
||||
## Best For
|
||||
|
||||
Educational diagrams, process explainers, concept maps, knowledge summaries, tutorial walkthroughs, onboarding visuals
|
||||
@@ -0,0 +1,29 @@
|
||||
# ikea-manual
|
||||
|
||||
Minimal line art assembly instruction style
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Black lines, minimal fills
|
||||
- Background: White or cream paper
|
||||
- Accents: Red for warnings, blue for highlights
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Simple line drawings
|
||||
- Numbered step sequences
|
||||
- Arrow indicators
|
||||
- Exploded assembly views
|
||||
- Wordless communication
|
||||
- Stick figures for scale
|
||||
|
||||
## Typography
|
||||
|
||||
- Minimal text
|
||||
- Step numbers prominent
|
||||
- Universal symbols
|
||||
- Simple sans-serif when needed
|
||||
|
||||
## Best For
|
||||
|
||||
Step-by-step instructions, assembly guides, how-to content, universal communication
|
||||
@@ -0,0 +1,29 @@
|
||||
# kawaii
|
||||
|
||||
Japanese cute style with big eyes and pastel colors
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Soft pastels - pink (#FFB6C1), mint (#98D8C8), lavender (#E6E6FA)
|
||||
- Background: Light pink or cream, sparkle overlays
|
||||
- Accents: Bright pops, star and heart shapes
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Big sparkly eyes on characters
|
||||
- Rounded, soft shapes
|
||||
- Blushing cheeks
|
||||
- Sparkles and stars scattered
|
||||
- Cute animal characters
|
||||
- Chibi proportions
|
||||
|
||||
## Typography
|
||||
|
||||
- Rounded, bubbly fonts
|
||||
- Cute decorations on letters
|
||||
- Hearts and stars in text
|
||||
- Soft, friendly appearance
|
||||
|
||||
## Best For
|
||||
|
||||
Cute tutorials, children's education, lifestyle content, character-driven explanations
|
||||
@@ -0,0 +1,29 @@
|
||||
# knolling
|
||||
|
||||
Organized flat-lay with top-down arrangement
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Object's natural colors
|
||||
- Background: Solid color - black, white, or colored surface
|
||||
- Accents: Shadows, subtle highlights
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Top-down camera angle
|
||||
- Objects arranged at 90° angles
|
||||
- Equal spacing between items
|
||||
- Clean organization
|
||||
- Symmetry and order
|
||||
- No overlapping items
|
||||
|
||||
## Typography
|
||||
|
||||
- Clean labels
|
||||
- Positioned outside objects
|
||||
- Connecting lines to items
|
||||
- Minimal, catalog-style
|
||||
|
||||
## Best For
|
||||
|
||||
Product collections, tool inventories, gear layouts, organized overviews
|
||||
@@ -0,0 +1,29 @@
|
||||
# lego-brick
|
||||
|
||||
Toy brick construction with playful aesthetic
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Classic LEGO colors - red, blue, yellow, green, white
|
||||
- Background: Light gray baseplate or white
|
||||
- Accents: Bright primary pops, shiny studs
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Visible brick studs
|
||||
- Modular construction
|
||||
- Minifigure characters
|
||||
- Building instruction style
|
||||
- Stackable elements
|
||||
- Plastic sheen
|
||||
|
||||
## Typography
|
||||
|
||||
- Blocky, bold fonts
|
||||
- LEGO instruction style
|
||||
- Step numbers
|
||||
- Playful appearance
|
||||
|
||||
## Best For
|
||||
|
||||
Building concepts, modular systems, playful education, children's content
|
||||
@@ -0,0 +1,60 @@
|
||||
# morandi-journal
|
||||
|
||||
Hand-drawn doodle illustration with warm Morandi color tones and cozy bullet journal aesthetic.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Background: Warm cream/beige with subtle paper texture (#F5F0E6)
|
||||
- Primary: Muted teal/sage green (#7BA3A8) for headers and frames
|
||||
- Secondary: Warm terracotta/orange (#D4956A) for highlights and numbers
|
||||
- Line art: Dark charcoal brown (#4A4540)
|
||||
- Soft highlights: Pale yellow (#F5E6C8)
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Hand-drawn doodle illustrations with organic, slightly imperfect ink lines
|
||||
- Washi tape strip decorations (diagonal stripes pattern, beige and brown)
|
||||
- Rounded card containers for brand/option items
|
||||
- Hand-drawn rulers, scales, and progress bars with emoji quality indicators
|
||||
- Smiley/frowny faces as quality markers (😊✓ 😐 ☹️✗)
|
||||
- Dotted line frames around sections
|
||||
- Connecting arrows and dotted lines between modules
|
||||
- Corner decorations: tiny houses, stars, sparkles, clouds
|
||||
- Wavy line dividers between sections
|
||||
- Callout bubbles for tips
|
||||
- Magnifying glass icons for identification tips
|
||||
- Thumbs up/down icons (hand-drawn style)
|
||||
|
||||
## Variants
|
||||
|
||||
| Variant | Focus | Visual Emphasis |
|
||||
|---------|-------|-----------------|
|
||||
| **Cozy journal** | Maximum warmth | More washi tape, stickers, decorative doodles |
|
||||
| **Clean sketch** | Readability | Cleaner lines, less decoration, more structured |
|
||||
|
||||
## Typography
|
||||
|
||||
- Main title: Bold hand-lettered calligraphy style with decorative flourishes
|
||||
- Module headers: Clean handwritten text in white on dark teal rounded badge (#6B9080)
|
||||
- Body text: Neat handwritten print style, easy to read
|
||||
- Numbers: Highlighted in terracotta (#D4956A), slightly larger than body
|
||||
|
||||
## Style Enforcement
|
||||
|
||||
- All imagery must maintain hand-drawn/doodle aesthetic—no digital precision
|
||||
- Organic, slightly imperfect shapes throughout
|
||||
- Sketch-like quality with visible line weight variations
|
||||
- Warm and cozy journal feel, not clinical or corporate
|
||||
|
||||
## Avoid
|
||||
|
||||
- Flat vector icons or emoji
|
||||
- Clean geometric shapes
|
||||
- Stock illustration style
|
||||
- Strict grid layout
|
||||
- Pure white background
|
||||
- Digital/corporate look
|
||||
|
||||
## Best For
|
||||
|
||||
Product selection guides, lifestyle content, educational overviews, consumer-facing comparison content, Xiaohongshu-style posts
|
||||
@@ -0,0 +1,29 @@
|
||||
# origami
|
||||
|
||||
Folded paper forms with geometric precision
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Solid origami paper colors - red, blue, green, gold
|
||||
- Background: White or soft gray, subtle shadows
|
||||
- Accents: Paper fold highlights, crisp shadows
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Geometric folded shapes
|
||||
- Visible fold lines
|
||||
- Cast shadows showing depth
|
||||
- Paper texture
|
||||
- Angular, faceted forms
|
||||
- Low-poly aesthetic
|
||||
|
||||
## Typography
|
||||
|
||||
- Clean geometric fonts
|
||||
- Angular letterforms
|
||||
- Folded paper text effect
|
||||
- Minimal, precise labels
|
||||
|
||||
## Best For
|
||||
|
||||
Geometric concepts, transformation topics, Japanese themes, abstract representations
|
||||
@@ -0,0 +1,29 @@
|
||||
# pixel-art
|
||||
|
||||
Retro 8-bit gaming aesthetic
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Limited palette - NES/SNES colors
|
||||
- Background: Black or dark blue, scanlines optional
|
||||
- Accents: Bright pixel highlights, CRT glow
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Visible pixel grid
|
||||
- Limited color count per sprite
|
||||
- 8-bit or 16-bit style
|
||||
- Retro game UI elements
|
||||
- Pixel-perfect edges
|
||||
- Dithering for gradients
|
||||
|
||||
## Typography
|
||||
|
||||
- Pixel fonts
|
||||
- Blocky letterforms
|
||||
- Game UI style text
|
||||
- Score/stat display style
|
||||
|
||||
## Best For
|
||||
|
||||
Gaming topics, nostalgia content, developer audiences, retro tech themes
|
||||
@@ -0,0 +1,48 @@
|
||||
# pop-laboratory
|
||||
|
||||
Lab manual precision meets pop art color impact—coordinate systems, technical diagrams, and fluorescent accents on blueprint grid.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Background: Professional grayish-white with faint blueprint grid texture (#F2F2F2)
|
||||
- Primary: Muted teal/sage green (#B8D8BE) for major functional blocks and data zones
|
||||
- High-alert accent: Vibrant fluorescent pink (#E91E63) strictly for warnings, critical data, or "winner" highlights
|
||||
- Marker highlights: Vivid lemon yellow (#FFF200) as translucent highlighter effect for keywords
|
||||
- Line art: Ultra-fine charcoal brown (#2D2926) for technical grids, coordinates, and hairlines
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Coordinate-style labels on every module (e.g., R-20, G-02, SEC-08)
|
||||
- Technical diagrams: exploded views, cross-sections with anchor points, architectural skeletal lines
|
||||
- Vertical/horizontal rulers with precise markers (0.5mm, 1.8mm, 45°)
|
||||
- "Marker-over-print" effect: color blocks slightly offset from text, postmodern print feel
|
||||
- Cross-hair targets, mathematical symbols (Σ, Δ, ∞), directional arrows (X/Y axis)
|
||||
- Microscopic detail annotations alongside macroscopic bold headers
|
||||
- Corner metadata: tiny barcodes, timestamps, technical parameters
|
||||
- High contrast between massive bold headers and tiny 8pt-style annotations
|
||||
|
||||
## Typography
|
||||
|
||||
- Headers: Bold brutalist characters, high visual impact
|
||||
- Body: Professional sans-serif or crisp technical print
|
||||
- Numbers: Large, highlighted with yellow or blue to stand out
|
||||
- Annotations: Ultra-crisp, small technical labels
|
||||
|
||||
## Style Enforcement
|
||||
|
||||
- Strictly systematic color usage: only teal, pink, yellow, charcoal—no rainbow palette
|
||||
- Sufficient fine grid lines and coordinate annotations throughout
|
||||
- Maintain tension between large impactful headers and small precise parameters
|
||||
- Lab manual aesthetic: mix of microscopic details and macroscopic data
|
||||
|
||||
## Avoid
|
||||
|
||||
- Cute or cartoonish doodles
|
||||
- Soft pastels or generic textures
|
||||
- Empty white space
|
||||
- Flat vector stock icons
|
||||
- Organic or hand-drawn imperfections
|
||||
|
||||
## Best For
|
||||
|
||||
Technical product guides, specification comparisons, precision-focused data visualization, engineering-adjacent content
|
||||
@@ -0,0 +1,47 @@
|
||||
# retro-pop-grid
|
||||
|
||||
1970s retro pop art with strict Swiss international grid, thick black outlines, and flat color blocks.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Background: Warm vintage cream/beige (#F5F0E6)
|
||||
- Flat accents: Salmon pink, sky blue, mustard yellow, mint green—all muted retro tones
|
||||
- Contrast blocks: Solid pure black (#000000) and solid pure white (#FFFFFF) used strategically for extreme contrast
|
||||
- Line art and outlines: Solid thick black
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Uniform thick black outlines on all illustrations, text boxes, and grid dividers
|
||||
- Pure 2D flat vector aesthetic with subtle screen print texture
|
||||
- Strict Swiss international grid: poster divided into square and rectangular cells by thick black lines
|
||||
- Black-background cells with white text for warnings or key categories (inverted contrast)
|
||||
- Geometric fill patterns in empty cells: checkerboards, diagonal lines, dots
|
||||
- Flat abstract symbols, warning signs, keyholes, stars, arrows
|
||||
- Vintage comic-style smiley/frowny faces for quality indicators
|
||||
- Colored cells used for breathing room—some with minimal/no content
|
||||
|
||||
## Typography
|
||||
|
||||
- Headers: Bold brutalist or retro thick display fonts, high legibility
|
||||
- Body: Clean sans-serif, structured typographic alignment
|
||||
- Decorative English text acceptable for stylistic labels ("WARNING", "INFO", "BEST")
|
||||
- All content text in specified language
|
||||
|
||||
## Style Enforcement
|
||||
|
||||
- Absolutely no gradients, shading, drop shadows, or 3D effects
|
||||
- Everything anchored in grid cells—no floating or unorganized elements
|
||||
- Maintain 1970s retro pop art and underground comic illustration feel
|
||||
- Visual density balanced with rhythmic grid—some cells intentionally sparse for contrast
|
||||
|
||||
## Avoid
|
||||
|
||||
- 3D rendering, realistic details, gradients, soft shadows
|
||||
- Soft, thin, or sketch-like pencil lines
|
||||
- Free-flowing, unorganized, or floating layouts (everything must be grid-anchored)
|
||||
- Pure white background canvas
|
||||
- Organic or hand-drawn imperfections
|
||||
|
||||
## Best For
|
||||
|
||||
Trendy product guides, design-conscious content, visually striking comparisons, content targeting design-savvy audiences, bold social media posts
|
||||
@@ -0,0 +1,29 @@
|
||||
# storybook-watercolor
|
||||
|
||||
Soft hand-painted illustration with whimsical charm
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Soft watercolor washes - muted blues, greens, warm earth
|
||||
- Background: Watercolor paper texture, white or cream
|
||||
- Accents: Deeper pigment pools, splatter effects
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Visible brushstrokes
|
||||
- Soft color bleeds and gradients
|
||||
- White space as design element
|
||||
- Delicate line work over washes
|
||||
- Natural, organic shapes
|
||||
- Dreamy, atmospheric quality
|
||||
|
||||
## Typography
|
||||
|
||||
- Elegant hand-lettering
|
||||
- Watercolor-style text
|
||||
- Flowing, organic letterforms
|
||||
- Integrated with illustrations
|
||||
|
||||
## Best For
|
||||
|
||||
Storytelling, emotional journeys, nature topics, children's education, artistic presentations
|
||||
@@ -0,0 +1,29 @@
|
||||
# subway-map
|
||||
|
||||
Transit diagram style with colored lines and stations
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Transit line colors - red, blue, green, yellow, orange
|
||||
- Background: White or light gray
|
||||
- Accents: Station dots, interchange markers
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Colored route lines
|
||||
- 45° and 90° angles only
|
||||
- Station circle markers
|
||||
- Interchange symbols
|
||||
- Simplified geography
|
||||
- Line thickness hierarchy
|
||||
|
||||
## Typography
|
||||
|
||||
- Clean sans-serif
|
||||
- Station name labels
|
||||
- Line number/name badges
|
||||
- Horizontal or angled text
|
||||
|
||||
## Best For
|
||||
|
||||
Journey maps, process flows, network diagrams, route explanations
|
||||
@@ -0,0 +1,36 @@
|
||||
# technical-schematic
|
||||
|
||||
Technical diagrams with engineering precision and clean geometry.
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Blues (#2563EB), teals, grays, white lines
|
||||
- Background: Deep blue (#1E3A5F), white, or light gray with grid
|
||||
- Accents: Amber highlights (#F59E0B), cyan callouts
|
||||
|
||||
## Variants
|
||||
|
||||
| Variant | Focus | Visual Emphasis |
|
||||
|---------|-------|-----------------|
|
||||
| **Blueprint** | Engineering schematics | White on blue, measurements, grid |
|
||||
| **Isometric** | 3D spatial representation | 30° angle blocks, clean fills |
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Geometric precision throughout
|
||||
- Grid pattern or isometric angle
|
||||
- Dimension lines and measurements
|
||||
- Technical symbols and annotations
|
||||
- Clean vector shapes
|
||||
- Consistent stroke weights
|
||||
|
||||
## Typography
|
||||
|
||||
- Technical stencil or clean sans-serif
|
||||
- All-caps labels
|
||||
- Measurement annotations
|
||||
- Floating labels for isometric
|
||||
|
||||
## Best For
|
||||
|
||||
Technical architecture, system diagrams, engineering specs, product breakdowns, data visualization
|
||||
@@ -0,0 +1,29 @@
|
||||
# ui-wireframe
|
||||
|
||||
Grayscale interface mockup style
|
||||
|
||||
## Color Palette
|
||||
|
||||
- Primary: Grays - light (#E5E5E5), medium (#9CA3AF), dark (#374151)
|
||||
- Background: White (#FFFFFF), light gray
|
||||
- Accents: Blue for interactive (#3B82F6), red for emphasis
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Wireframe boxes and placeholders
|
||||
- X marks for image placeholders
|
||||
- Simple line icons
|
||||
- Grid-based layout
|
||||
- Annotation callouts
|
||||
- Redline specifications
|
||||
|
||||
## Typography
|
||||
|
||||
- System fonts
|
||||
- Placeholder "Lorem ipsum"
|
||||
- UI label style
|
||||
- Sans-serif throughout
|
||||
|
||||
## Best For
|
||||
|
||||
Product designs, UI explanations, app concepts, user flow diagrams
|
||||
Reference in New Issue
Block a user