{ "name": "Zemew AI Design Library Index", "version": 1, "generated": "2026-08-12T11:41:11+00:00", "count": 711, "baseUrl": "https://zemew.com/guides/ai/library", "components": [ { "id": "ABOUT-001", "name": "Team Portrait Row", "category": "about", "description": "Three portrait placeholders with names.", "tags": [ "team", "portraits" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-001", "version": 1 }, { "id": "ABOUT-002", "name": "Story With Artwork", "category": "about", "description": "About story paired with artwork placeholder.", "tags": [ "story", "artwork" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-002", "version": 1 }, { "id": "ABOUT-003", "name": "Mission Split", "category": "about", "description": "About copy with a mission aside.", "tags": [ "mission", "split" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-003", "version": 1 }, { "id": "ABOUT-004", "name": "Warm Studio About", "category": "about", "description": "Medium warm about section.", "tags": [ "warm", "studio" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-004", "version": 1 }, { "id": "ABOUT-005", "name": "Editorial Founder Note", "category": "about", "description": "Editorial founder-note composition.", "tags": [ "editorial", "founder" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-005", "version": 1 }, { "id": "ABOUT-006", "name": "Compact Team Strip", "category": "about", "description": "Denser team strip for smaller about areas.", "tags": [ "team", "compact" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-006", "version": 1 }, { "id": "ABOUT-007", "name": "Technical Lab About", "category": "about", "description": "Technical lab-style about block.", "tags": [ "technical", "lab" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-007", "version": 1 }, { "id": "ABOUT-008", "name": "Playful Crew Board", "category": "about", "description": "Playful team board treatment.", "tags": [ "playful", "crew" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-008", "version": 1 }, { "id": "ABOUT-009", "name": "Industrial History Panel", "category": "about", "description": "Industrial panel for company history or milestones.", "tags": [ "industrial", "history" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-009", "version": 1 }, { "id": "ABOUT-010", "name": "Classic About Banner", "category": "about", "description": "Classic about banner with story placeholder.", "tags": [ "classic", "banner" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-010", "version": 1 }, { "id": "ABOUT-011", "name": "Team Mosaic", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-011", "version": 1 }, { "id": "ABOUT-012", "name": "Story Split", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-012", "version": 1 }, { "id": "ABOUT-013", "name": "Mission Aside", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-013", "version": 1 }, { "id": "ABOUT-014", "name": "Values Grid", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-014", "version": 1 }, { "id": "ABOUT-015", "name": "Timeline About", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-015", "version": 1 }, { "id": "ABOUT-016", "name": "Portrait Lead", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-016", "version": 1 }, { "id": "ABOUT-017", "name": "Quote Founders", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-017", "version": 1 }, { "id": "ABOUT-018", "name": "Office Map", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-018", "version": 1 }, { "id": "ABOUT-019", "name": "Stats About", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-019", "version": 1 }, { "id": "ABOUT-020", "name": "Join CTA", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-020", "version": 1 }, { "id": "ABOUT-021", "name": "History Rail", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-021", "version": 1 }, { "id": "ABOUT-022", "name": "Culture Icons", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-022", "version": 1 }, { "id": "ABOUT-023", "name": "Press Logos", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-023", "version": 1 }, { "id": "ABOUT-024", "name": "Contact Split", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-024", "version": 1 }, { "id": "ABOUT-025", "name": "FAQ About", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-025", "version": 1 }, { "id": "ABOUT-026", "name": "Awards Row", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-026", "version": 1 }, { "id": "ABOUT-027", "name": "Studio Tour", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-027", "version": 1 }, { "id": "ABOUT-028", "name": "Manifesto", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-028", "version": 1 }, { "id": "ABOUT-029", "name": "Partners", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-029", "version": 1 }, { "id": "ABOUT-030", "name": "Careers Strip", "category": "about", "description": "Distinct about pattern with unique structure for AI reference.", "tags": [ "about", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/about/ABOUT-030", "version": 1 }, { "id": "ANIM-001", "name": "Fade In Panel", "category": "animations", "description": "Simple fade-in motion for entering panels.", "tags": [ "fade", "enter" ], "style": "modern", "complexity": "simple", "animation": "fade-in", "url": "https://zemew.com/guides/ai/library/animations/ANIM-001", "version": 1 }, { "id": "ANIM-002", "name": "Subtle Slide Cue", "category": "animations", "description": "Subtle horizontal slide cue for directional UI.", "tags": [ "slide", "directional" ], "style": "modern", "complexity": "simple", "animation": "subtle-slide", "url": "https://zemew.com/guides/ai/library/animations/ANIM-002", "version": 1 }, { "id": "ANIM-003", "name": "Soft Pulse Marker", "category": "animations", "description": "Soft pulse for attention without aggression.", "tags": [ "pulse", "attention" ], "style": "soft", "complexity": "simple", "animation": "soft-pulse", "url": "https://zemew.com/guides/ai/library/animations/ANIM-003", "version": 1 }, { "id": "ANIM-004", "name": "Reduced Motion Safe", "category": "animations", "description": "Animation example documenting reduced-motion safety.", "tags": [ "reduced-motion", "safe" ], "style": "minimal", "complexity": "simple", "animation": "fade-in", "url": "https://zemew.com/guides/ai/library/animations/ANIM-004", "version": 1 }, { "id": "ANIM-005", "name": "Bounce Enter", "category": "animations", "description": "Playful bounce entrance for lightweight UI elements.", "tags": [ "bounce", "enter", "playful" ], "style": "playful", "complexity": "moderate", "animation": "bounce-enter", "url": "https://zemew.com/guides/ai/library/animations/ANIM-005", "version": 1 }, { "id": "ANIM-006", "name": "Scale Pop", "category": "animations", "description": "Quick scale-up pop useful for selected or newly added items.", "tags": [ "scale", "pop", "emphasis" ], "style": "modern", "complexity": "simple", "animation": "scale-pop", "url": "https://zemew.com/guides/ai/library/animations/ANIM-006", "version": 1 }, { "id": "ANIM-007", "name": "Staggered List Reveal", "category": "animations", "description": "List items enter one after another for readable reveals.", "tags": [ "stagger", "list", "reveal" ], "style": "modern", "complexity": "moderate", "animation": "stagger-reveal", "url": "https://zemew.com/guides/ai/library/animations/ANIM-007", "version": 1 }, { "id": "ANIM-008", "name": "Skeleton Shimmer", "category": "animations", "description": "Shimmering skeleton blocks for loading placeholders.", "tags": [ "skeleton", "loading", "shimmer" ], "style": "utility", "complexity": "moderate", "animation": "shimmer", "url": "https://zemew.com/guides/ai/library/animations/ANIM-008", "version": 1 }, { "id": "ANIM-009", "name": "Progress Fill", "category": "animations", "description": "Animated progress bar fill for determinate loading.", "tags": [ "progress", "loading", "bar" ], "style": "technical", "complexity": "simple", "animation": "progress-fill", "url": "https://zemew.com/guides/ai/library/animations/ANIM-009", "version": 1 }, { "id": "ANIM-010", "name": "Orbit Spinner", "category": "animations", "description": "Orbital spinner for indeterminate waiting states.", "tags": [ "spinner", "orbit", "loading" ], "style": "futuristic", "complexity": "moderate", "animation": "orbit", "url": "https://zemew.com/guides/ai/library/animations/ANIM-010", "version": 1 }, { "id": "ANIM-011", "name": "Marquee Ticker", "category": "animations", "description": "Horizontal marquee ticker for continuous status or news.", "tags": [ "marquee", "ticker", "loop" ], "style": "editorial", "complexity": "moderate", "animation": "marquee", "url": "https://zemew.com/guides/ai/library/animations/ANIM-011", "version": 1 }, { "id": "ANIM-012", "name": "Hover Lift Card", "category": "animations", "description": "Card lifts on hover to signal interactivity.", "tags": [ "hover", "lift", "card" ], "style": "modern", "complexity": "simple", "animation": "subtle-lift", "url": "https://zemew.com/guides/ai/library/animations/ANIM-012", "version": 1 }, { "id": "ANIM-013", "name": "Drawer Slide Up", "category": "animations", "description": "Bottom sheet slides upward into view.", "tags": [ "drawer", "sheet", "slide-up" ], "style": "soft", "complexity": "moderate", "animation": "slide-up", "url": "https://zemew.com/guides/ai/library/animations/ANIM-013", "version": 1 }, { "id": "ANIM-014", "name": "Glow Breathe", "category": "animations", "description": "Soft glowing breath effect for futuristic accents.", "tags": [ "glow", "breathe", "futuristic" ], "style": "futuristic", "complexity": "moderate", "animation": "glow-breathe", "url": "https://zemew.com/guides/ai/library/animations/ANIM-014", "version": 1 }, { "id": "ANIM-015", "name": "Typewriter Line", "category": "animations", "description": "Terminal-style typewriter reveal for short status lines.", "tags": [ "typewriter", "terminal", "text" ], "style": "terminal", "complexity": "moderate", "animation": "typewriter", "url": "https://zemew.com/guides/ai/library/animations/ANIM-015", "version": 1 }, { "id": "ANIM-016", "name": "Toast Slide In", "category": "animations", "description": "Notification toast slides in from the edge, then settles.", "tags": [ "toast", "notification", "slide-in" ], "style": "professional", "complexity": "moderate", "animation": "toast-enter", "url": "https://zemew.com/guides/ai/library/animations/ANIM-016", "version": 1 }, { "id": "ANIM-017", "name": "Fade Box", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-017", "version": 1 }, { "id": "ANIM-018", "name": "Slide Box", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-018", "version": 1 }, { "id": "ANIM-019", "name": "Pulse Box", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-019", "version": 1 }, { "id": "ANIM-020", "name": "Bounce Box", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-020", "version": 1 }, { "id": "ANIM-021", "name": "Scale Box", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-021", "version": 1 }, { "id": "ANIM-022", "name": "Glow Box", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-022", "version": 1 }, { "id": "ANIM-023", "name": "Stagger Rows", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-023", "version": 1 }, { "id": "ANIM-024", "name": "Shimmer Bones", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-024", "version": 1 }, { "id": "ANIM-025", "name": "Progress Fill", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-025", "version": 1 }, { "id": "ANIM-026", "name": "Orbit Spinner", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-026", "version": 1 }, { "id": "ANIM-027", "name": "Marquee Strip", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-027", "version": 1 }, { "id": "ANIM-028", "name": "Lift Card", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-028", "version": 1 }, { "id": "ANIM-029", "name": "Typewriter Cue", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-029", "version": 1 }, { "id": "ANIM-030", "name": "Toast Slide", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-030", "version": 1 }, { "id": "ANIM-031", "name": "Drawer Up", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-031", "version": 1 }, { "id": "ANIM-032", "name": "Flip Card", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-032", "version": 1 }, { "id": "ANIM-033", "name": "Wave Bars", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-033", "version": 1 }, { "id": "ANIM-034", "name": "Blink Cursor", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-034", "version": 1 }, { "id": "ANIM-035", "name": "Skew In", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-035", "version": 1 }, { "id": "ANIM-036", "name": "Mask Reveal", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-036", "version": 1 }, { "id": "ANIM-037", "name": "Path Draw", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-8" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-037", "version": 1 }, { "id": "ANIM-038", "name": "Confetti Burst", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-9" ], "style": "editorial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-038", "version": 1 }, { "id": "ANIM-039", "name": "Soft Drift", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-10" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-039", "version": 1 }, { "id": "ANIM-040", "name": "Pop Badge", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-11" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-040", "version": 1 }, { "id": "ANIM-041", "name": "Cascade List", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-0" ], "style": "terminal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-041", "version": 1 }, { "id": "ANIM-042", "name": "Swipe Page", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-1" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-042", "version": 1 }, { "id": "ANIM-043", "name": "Elastic Snap", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-2" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-043", "version": 1 }, { "id": "ANIM-044", "name": "Hue Shift", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-3" ], "style": "dashboard", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-044", "version": 1 }, { "id": "ANIM-045", "name": "Depth Parallax", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-4" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-045", "version": 1 }, { "id": "ANIM-046", "name": "Ribbon Wipe", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-5" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-046", "version": 1 }, { "id": "ANIM-047", "name": "Grid Dissolve", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-6" ], "style": "classic-web", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-047", "version": 1 }, { "id": "ANIM-048", "name": "Focus Ring", "category": "animations", "description": "Distinct animations pattern with unique structure for AI reference.", "tags": [ "anim", "pattern-7" ], "style": "professional", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/animations/ANIM-048", "version": 1 }, { "id": "BREAD-001", "name": "Slash Breadcrumbs", "category": "breadcrumbs", "description": "Breadcrumbs separated with slashes.", "tags": [ "slash", "trail" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-001", "version": 1 }, { "id": "BREAD-002", "name": "Chevron Breadcrumbs", "category": "breadcrumbs", "description": "Breadcrumbs with chevron separators.", "tags": [ "chevrons" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-002", "version": 1 }, { "id": "BREAD-003", "name": "Warm Trail", "category": "breadcrumbs", "description": "Medium warm breadcrumb trail.", "tags": [ "warm", "trail" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-003", "version": 1 }, { "id": "BREAD-004", "name": "Minimal Trail", "category": "breadcrumbs", "description": "Quiet minimal breadcrumbs.", "tags": [ "minimal" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-004", "version": 1 }, { "id": "BREAD-005", "name": "Technical Path Trail", "category": "breadcrumbs", "description": "Technical path-style breadcrumbs.", "tags": [ "technical", "path" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-005", "version": 1 }, { "id": "BREAD-006", "name": "Slash Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-006", "version": 1 }, { "id": "BREAD-007", "name": "Chevron Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-007", "version": 1 }, { "id": "BREAD-008", "name": "ID Chip Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-008", "version": 1 }, { "id": "BREAD-009", "name": "Button Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-009", "version": 1 }, { "id": "BREAD-010", "name": "Step Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-010", "version": 1 }, { "id": "BREAD-011", "name": "Home Icon Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-011", "version": 1 }, { "id": "BREAD-012", "name": "Copy Path", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-012", "version": 1 }, { "id": "BREAD-013", "name": "Segment Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-013", "version": 1 }, { "id": "BREAD-014", "name": "Sentence Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-014", "version": 1 }, { "id": "BREAD-015", "name": "Mono Trail", "category": "breadcrumbs", "description": "Distinct breadcrumbs pattern with unique structure for AI reference.", "tags": [ "bread", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/breadcrumbs/BREAD-015", "version": 1 }, { "id": "BTN-001", "name": "Medium Warm Primary", "category": "buttons", "description": "Comfortable warm solid button with soft corners.", "tags": [ "warm", "primary", "rounded" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-001", "version": 1 }, { "id": "BTN-002", "name": "Sharp Technical Action", "category": "buttons", "description": "Hard-edged button with a technical, utility feel.", "tags": [ "technical", "sharp", "compact" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-002", "version": 1 }, { "id": "BTN-003", "name": "Soft Pill CTA", "category": "buttons", "description": "Fully pill-shaped call to action.", "tags": [ "pill", "soft", "cta" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-003", "version": 1 }, { "id": "BTN-004", "name": "Outline Quiet", "category": "buttons", "description": "Low-emphasis outline button for secondary actions.", "tags": [ "outline", "secondary", "minimal" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-004", "version": 1 }, { "id": "BTN-005", "name": "Ghost Link Button", "category": "buttons", "description": "Barely-there ghost button that reads like a link.", "tags": [ "ghost", "subtle" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-005", "version": 1 }, { "id": "BTN-006", "name": "Directional Icon Right", "category": "buttons", "description": "Solid button with a trailing arrow for forward motion.", "tags": [ "icon", "directional", "warm" ], "style": "medium-warm", "complexity": "moderate", "animation": "subtle-slide", "url": "https://zemew.com/guides/ai/library/buttons/BTN-006", "version": 1 }, { "id": "BTN-007", "name": "Star Leading Icon", "category": "buttons", "description": "Icon-leading button for featured or favorite actions.", "tags": [ "icon", "playful", "feature" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-007", "version": 1 }, { "id": "BTN-008", "name": "Split Action Menu", "category": "buttons", "description": "Primary action paired with a caret for related options.", "tags": [ "split", "menu", "professional" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-008", "version": 1 }, { "id": "BTN-009", "name": "Dual Button Pair", "category": "buttons", "description": "Primary and secondary buttons shown as a pair.", "tags": [ "pair", "primary", "secondary" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-009", "version": 1 }, { "id": "BTN-010", "name": "Full Width Block", "category": "buttons", "description": "Block-level button for narrow columns and mobile stacks.", "tags": [ "block", "mobile", "utility" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-010", "version": 1 }, { "id": "BTN-011", "name": "Floating Action", "category": "buttons", "description": "Circular floating action button for create actions.", "tags": [ "fab", "floating", "create" ], "style": "modern", "complexity": "moderate", "animation": "subtle-lift", "url": "https://zemew.com/guides/ai/library/buttons/BTN-011", "version": 1 }, { "id": "BTN-012", "name": "Terminal Command", "category": "buttons", "description": "Developer-style command button with a prompt cue.", "tags": [ "terminal", "developer", "mono" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-012", "version": 1 }, { "id": "BTN-013", "name": "Industrial Warning", "category": "buttons", "description": "High-contrast industrial treatment for cautionary actions.", "tags": [ "industrial", "warning", "contrast" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-013", "version": 1 }, { "id": "BTN-014", "name": "Medium Warm Directional", "category": "buttons", "description": "Warm directional button intended as a reusable reference staple.", "tags": [ "warm", "directional", "reference" ], "style": "medium-warm", "complexity": "simple", "animation": "subtle-slide", "url": "https://zemew.com/guides/ai/library/buttons/BTN-014", "version": 1 }, { "id": "BTN-015", "name": "Retro Pixel Press", "category": "buttons", "description": "Chunky retro button with a pressed-game feel.", "tags": [ "retro", "gaming", "chunky" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-015", "version": 1 }, { "id": "BTN-016", "name": "Glass Soft Action", "category": "buttons", "description": "Frosted glass button for layered interfaces.", "tags": [ "glass", "soft", "overlay" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-016", "version": 1 }, { "id": "BTN-017", "name": "Dense Toolbar Chip", "category": "buttons", "description": "Compact chip-like button for dense toolbars.", "tags": [ "dense", "toolbar", "chip" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-017", "version": 1 }, { "id": "BTN-018", "name": "Editorial Text Button", "category": "buttons", "description": "Text-forward editorial button with underline emphasis.", "tags": [ "editorial", "text", "underline" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-018", "version": 1 }, { "id": "BTN-019", "name": "Futuristic Neon Edge", "category": "buttons", "description": "Dark button with a neon edge accent.", "tags": [ "futuristic", "neon", "dark" ], "style": "futuristic", "complexity": "moderate", "animation": "glow-edge", "url": "https://zemew.com/guides/ai/library/buttons/BTN-019", "version": 1 }, { "id": "BTN-020", "name": "Classic Web Submit", "category": "buttons", "description": "Familiar classic web form submit styling.", "tags": [ "classic", "form", "submit" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-020", "version": 1 }, { "id": "BTN-021", "name": "Danger Destroy", "category": "buttons", "description": "High-urgency destructive action with strong warning color.", "tags": [ "danger", "destructive" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-021", "version": 1 }, { "id": "BTN-022", "name": "Success Confirm", "category": "buttons", "description": "Affirmative action with a clear success fill.", "tags": [ "success", "confirm" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-022", "version": 1 }, { "id": "BTN-023", "name": "Loading Busy", "category": "buttons", "description": "Primary button locked in a busy loading state.", "tags": [ "loading", "busy" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-023", "version": 1 }, { "id": "BTN-024", "name": "Toggle Switch Pair", "category": "buttons", "description": "Segmented on/off toggle control for binary choices.", "tags": [ "toggle", "switch" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-024", "version": 1 }, { "id": "BTN-025", "name": "Badge Count Action", "category": "buttons", "description": "Action button with an unread count badge.", "tags": [ "badge", "count" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-025", "version": 1 }, { "id": "BTN-026", "name": "Icon Only Square", "category": "buttons", "description": "Compact square icon button for dense toolbars.", "tags": [ "icon", "square" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-026", "version": 1 }, { "id": "BTN-027", "name": "Gradient Border CTA", "category": "buttons", "description": "Dark fill with a vivid gradient border frame.", "tags": [ "gradient", "border" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-027", "version": 1 }, { "id": "BTN-028", "name": "3D Press Depth", "category": "buttons", "description": "Chunky button with a hard offset shadow for press depth.", "tags": [ "3d", "press" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-028", "version": 1 }, { "id": "BTN-029", "name": "Soft Pastel Fill", "category": "buttons", "description": "Low-contrast soft fill for calm secondary actions.", "tags": [ "soft", "pastel" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-029", "version": 1 }, { "id": "BTN-030", "name": "XL Hero CTA", "category": "buttons", "description": "Oversized call to action for hero-scale emphasis.", "tags": [ "xl", "hero" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-030", "version": 1 }, { "id": "BTN-031", "name": "Segmented Control", "category": "buttons", "description": "Three-option segmented control for view switching.", "tags": [ "segmented", "control" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-031", "version": 1 }, { "id": "BTN-032", "name": "Download With Meta", "category": "buttons", "description": "Download action showing file type and size meta.", "tags": [ "download", "meta" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-032", "version": 1 }, { "id": "BTN-033", "name": "Keyboard Shortcut", "category": "buttons", "description": "Action hint with an attached keyboard shortcut chip.", "tags": [ "keyboard", "shortcut" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-033", "version": 1 }, { "id": "BTN-034", "name": "Progress CTA", "category": "buttons", "description": "Call to action with an embedded progress strip.", "tags": [ "progress", "cta" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-034", "version": 1 }, { "id": "BTN-035", "name": "Avatar Plus Action", "category": "buttons", "description": "User avatar paired with a compact follow action.", "tags": [ "avatar", "follow" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-035", "version": 1 }, { "id": "BTN-036", "name": "Stacked Label Button", "category": "buttons", "description": "Primary label with a quiet supporting caption underneath.", "tags": [ "stacked", "caption" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-036", "version": 1 }, { "id": "BTN-037", "name": "Copy To Clipboard", "category": "buttons", "description": "Utility chip for copying a value with feedback affordance.", "tags": [ "copy", "clipboard" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-037", "version": 1 }, { "id": "BTN-038", "name": "Live Status Action", "category": "buttons", "description": "Action with a live status indicator dot.", "tags": [ "status", "live" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-038", "version": 1 }, { "id": "BTN-039", "name": "Dual Stack Actions", "category": "buttons", "description": "Primary and ghost actions stacked vertically.", "tags": [ "stack", "pair" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-039", "version": 1 }, { "id": "BTN-040", "name": "Price Tag CTA", "category": "buttons", "description": "Commerce button showing price beside the action label.", "tags": [ "price", "commerce" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-040", "version": 1 }, { "id": "BTN-041", "name": "Underline Link Action", "category": "buttons", "description": "Text-first action with a thick underline accent.", "tags": [ "underline", "text" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-041", "version": 1 }, { "id": "BTN-042", "name": "Wide Trailing Icon", "category": "buttons", "description": "Full-width action with a trailing chevron.", "tags": [ "wide", "chevron" ], "style": "editorial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-042", "version": 1 }, { "id": "BTN-043", "name": "Neon Pill Launch", "category": "buttons", "description": "Futuristic neon pill for high-energy launches.", "tags": [ "neon", "pill" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-043", "version": 1 }, { "id": "BTN-044", "name": "Split Labeled Pair", "category": "buttons", "description": "Two equal actions sharing one segmented shell.", "tags": [ "split", "pair" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-044", "version": 1 }, { "id": "BTN-045", "name": "Circular Progress Action", "category": "buttons", "description": "Round action with a radial progress ring.", "tags": [ "circular", "progress" ], "style": "terminal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-045", "version": 1 }, { "id": "BTN-046", "name": "Warning Outline", "category": "buttons", "description": "Cautionary outline button for risky but non-destructive actions.", "tags": [ "warning", "outline" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-046", "version": 1 }, { "id": "BTN-047", "name": "Dismissible Chip", "category": "buttons", "description": "Compact chip with an inline dismiss control.", "tags": [ "chip", "dismiss" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-047", "version": 1 }, { "id": "BTN-048", "name": "Arrow Brick CTA", "category": "buttons", "description": "Rectangular brick button with a bold arrow slab.", "tags": [ "arrow", "brick" ], "style": "dashboard", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-048", "version": 1 }, { "id": "BTN-049", "name": "Ghost Dashed Border", "category": "buttons", "description": "Quiet ghost action framed by a dashed border.", "tags": [ "ghost", "dashed" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-049", "version": 1 }, { "id": "BTN-050", "name": "Theme Swap Control", "category": "buttons", "description": "Light and dark theme swap control with dual glyphs.", "tags": [ "theme", "toggle" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-050", "version": 1 }, { "id": "BTN-051", "name": "Numeric Stepper", "category": "buttons", "description": "Increment and decrement control around a value.", "tags": [ "stepper", "numeric" ], "style": "classic-web", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-051", "version": 1 }, { "id": "BTN-052", "name": "Social Auth Row", "category": "buttons", "description": "Row of social authentication action buttons.", "tags": [ "social", "auth" ], "style": "professional", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-052", "version": 1 }, { "id": "BTN-053", "name": "Favorite Heart Toggle", "category": "buttons", "description": "Bookmark-style favorite toggle with heart glyph.", "tags": [ "favorite", "heart" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-053", "version": 1 }, { "id": "BTN-054", "name": "Floating Soft Shadow", "category": "buttons", "description": "Elevated soft-shadow button for floating contexts.", "tags": [ "float", "shadow" ], "style": "minimal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-054", "version": 1 }, { "id": "BTN-055", "name": "Terminal Run Chip", "category": "buttons", "description": "Mono run chip with exit-code styling.", "tags": [ "terminal", "run" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-055", "version": 1 }, { "id": "BTN-056", "name": "Countdown Action", "category": "buttons", "description": "CTA with a countdown timer chip beside the label.", "tags": [ "countdown", "timer" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-056", "version": 1 }, { "id": "BTN-057", "name": "Checked Confirmation Pill", "category": "buttons", "description": "Selected-state pill with a leading check mark.", "tags": [ "checked", "selected" ], "style": "playful", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-057", "version": 1 }, { "id": "BTN-058", "name": "Vertical Icon Label", "category": "buttons", "description": "Icon stacked above a short label for nav-like actions.", "tags": [ "vertical", "icon" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-058", "version": 1 }, { "id": "BTN-059", "name": "Skew Panel CTA", "category": "buttons", "description": "Angled panel button for energetic marketing moments.", "tags": [ "skew", "marketing" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-059", "version": 1 }, { "id": "BTN-060", "name": "Multi Meta Action", "category": "buttons", "description": "Action row with icon, label, and keyboard meta.", "tags": [ "meta", "icon" ], "style": "industrial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/buttons/BTN-060", "version": 1 }, { "id": "CARD-001", "name": "Basic Media Card", "category": "cards", "description": "Image placeholder over title and supporting text.", "tags": [ "media", "basic" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-001", "version": 1 }, { "id": "CARD-002", "name": "Horizontal Story Card", "category": "cards", "description": "Horizontal card with portrait placeholder.", "tags": [ "horizontal", "story" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-002", "version": 1 }, { "id": "CARD-003", "name": "Statistic Highlight Card", "category": "cards", "description": "Large statistic with supporting label.", "tags": [ "stat", "metric" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-003", "version": 1 }, { "id": "CARD-004", "name": "Glass Action Card", "category": "cards", "description": "Glass card with a small action button.", "tags": [ "glass", "action" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-004", "version": 1 }, { "id": "CARD-005", "name": "Terminal Output Card", "category": "cards", "description": "Mono card presenting command-style content.", "tags": [ "terminal", "developer" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-005", "version": 1 }, { "id": "CARD-006", "name": "Warm Product Card", "category": "cards", "description": "Medium warm product card treatment.", "tags": [ "warm", "product" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-006", "version": 1 }, { "id": "CARD-007", "name": "Industrial Spec Card", "category": "cards", "description": "Industrial card for specifications.", "tags": [ "industrial", "spec" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-007", "version": 1 }, { "id": "CARD-008", "name": "Playful Soft Card", "category": "cards", "description": "Playful rounded card with friendly copy.", "tags": [ "playful", "soft" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-008", "version": 1 }, { "id": "CARD-009", "name": "Editorial Clipping Card", "category": "cards", "description": "Editorial clipping style for articles.", "tags": [ "editorial", "article" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-009", "version": 1 }, { "id": "CARD-010", "name": "Dense Utility Card", "category": "cards", "description": "Compact utility card for dashboards.", "tags": [ "dense", "utility" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-010", "version": 1 }, { "id": "CARD-011", "name": "Futuristic Panel Card", "category": "cards", "description": "Futuristic bordered panel card.", "tags": [ "futuristic", "panel" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-011", "version": 1 }, { "id": "CARD-012", "name": "Classic Listing Card", "category": "cards", "description": "Familiar classic listing card.", "tags": [ "classic", "listing" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-012", "version": 1 }, { "id": "CARD-013", "name": "Hover Lift Card", "category": "cards", "description": "Card emphasizing a subtle hover lift interaction.", "tags": [ "hover", "lift" ], "style": "modern", "complexity": "moderate", "animation": "subtle-lift", "url": "https://zemew.com/guides/ai/library/cards/CARD-013", "version": 1 }, { "id": "CARD-014", "name": "Profile Snapshot Card", "category": "cards", "description": "Horizontal profile-oriented card.", "tags": [ "profile", "snapshot" ], "style": "professional", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-014", "version": 1 }, { "id": "CARD-015", "name": "Gaming Inventory Card", "category": "cards", "description": "Gaming-inspired inventory/item card.", "tags": [ "gaming", "inventory" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-015", "version": 1 }, { "id": "CARD-016", "name": "Media Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-016", "version": 1 }, { "id": "CARD-017", "name": "Horizontal Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-017", "version": 1 }, { "id": "CARD-018", "name": "Stat Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-018", "version": 1 }, { "id": "CARD-019", "name": "Glass Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-019", "version": 1 }, { "id": "CARD-020", "name": "Terminal Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-020", "version": 1 }, { "id": "CARD-021", "name": "Featured Header", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-021", "version": 1 }, { "id": "CARD-022", "name": "Price Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-022", "version": 1 }, { "id": "CARD-023", "name": "Badge Media", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-023", "version": 1 }, { "id": "CARD-024", "name": "Person Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-024", "version": 1 }, { "id": "CARD-025", "name": "Checklist Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-025", "version": 1 }, { "id": "CARD-026", "name": "Progress Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-026", "version": 1 }, { "id": "CARD-027", "name": "Icon Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-027", "version": 1 }, { "id": "CARD-028", "name": "Product Tile", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-028", "version": 1 }, { "id": "CARD-029", "name": "Event Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-029", "version": 1 }, { "id": "CARD-030", "name": "Metric Spark", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-030", "version": 1 }, { "id": "CARD-031", "name": "Status Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-031", "version": 1 }, { "id": "CARD-032", "name": "Collection Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-032", "version": 1 }, { "id": "CARD-033", "name": "Map Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-033", "version": 1 }, { "id": "CARD-034", "name": "Quote Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-034", "version": 1 }, { "id": "CARD-035", "name": "File Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-035", "version": 1 }, { "id": "CARD-036", "name": "Task Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-8" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-036", "version": 1 }, { "id": "CARD-037", "name": "Notify Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-9" ], "style": "editorial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-037", "version": 1 }, { "id": "CARD-038", "name": "Plan Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-10" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-038", "version": 1 }, { "id": "CARD-039", "name": "Album Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-11" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-039", "version": 1 }, { "id": "CARD-040", "name": "Recipe Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-0" ], "style": "terminal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-040", "version": 1 }, { "id": "CARD-041", "name": "Ticket Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-1" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-041", "version": 1 }, { "id": "CARD-042", "name": "Profile Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-2" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-042", "version": 1 }, { "id": "CARD-043", "name": "Launch Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-3" ], "style": "dashboard", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-043", "version": 1 }, { "id": "CARD-044", "name": "Insight Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-4" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-044", "version": 1 }, { "id": "CARD-045", "name": "Compare Card", "category": "cards", "description": "Distinct cards pattern with unique structure for AI reference.", "tags": [ "card", "pattern-5" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/cards/CARD-045", "version": 1 }, { "id": "CMD-001", "name": "Standard Command Palette", "category": "commands", "description": "Keyboard-first command palette shell.", "tags": [ "command-palette", "keyboard" ], "style": "modern", "complexity": "complex", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-001", "version": 1 }, { "id": "CMD-002", "name": "Warm Command Finder", "category": "commands", "description": "Medium warm command palette.", "tags": [ "warm", "commands" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-002", "version": 1 }, { "id": "CMD-003", "name": "Technical Jump Palette", "category": "commands", "description": "Technical jump-to palette.", "tags": [ "technical", "jump" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-003", "version": 1 }, { "id": "CMD-004", "name": "Minimal Quick Open", "category": "commands", "description": "Minimal quick-open command UI.", "tags": [ "minimal", "quick-open" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-004", "version": 1 }, { "id": "CMD-005", "name": "Command Palette", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-005", "version": 1 }, { "id": "CMD-006", "name": "Jump Groups", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-006", "version": 1 }, { "id": "CMD-007", "name": "Chord Hint", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-007", "version": 1 }, { "id": "CMD-008", "name": "Fuzzy Results", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-008", "version": 1 }, { "id": "CMD-009", "name": "Action Sheet", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-009", "version": 1 }, { "id": "CMD-010", "name": "Pinned Commands", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-010", "version": 1 }, { "id": "CMD-011", "name": "File Jump", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-011", "version": 1 }, { "id": "CMD-012", "name": "Theme Switch", "category": "commands", "description": "Distinct commands pattern with unique structure for AI reference.", "tags": [ "cmd", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/commands/CMD-012", "version": 1 }, { "id": "COLOR-001", "name": "Medium Warm Palette", "category": "colors", "description": "Comfortable medium-warm palette strip for easy-on-the-eyes interfaces.", "tags": [ "palette", "warm", "medium-warm" ], "style": "medium-warm", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-001", "version": 1 }, { "id": "COLOR-002", "name": "Cool Technical Palette", "category": "colors", "description": "Cool blue-gray technical palette suited to tools and consoles.", "tags": [ "palette", "cool", "technical" ], "style": "technical", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-002", "version": 1 }, { "id": "COLOR-003", "name": "Mono Grayscale Ramp", "category": "colors", "description": "Neutral grayscale ramp from ink to paper for mono systems.", "tags": [ "palette", "mono", "grayscale" ], "style": "minimal", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-003", "version": 1 }, { "id": "COLOR-004", "name": "Semantic Status Colors", "category": "colors", "description": "Success, warning, error, and info colors as a status system.", "tags": [ "semantic", "status", "feedback" ], "style": "utility", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-004", "version": 1 }, { "id": "COLOR-005", "name": "Brand Accent on Neutral", "category": "colors", "description": "Quiet neutrals with a single brand accent used sparingly.", "tags": [ "accent", "brand", "neutral" ], "style": "professional", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-005", "version": 1 }, { "id": "COLOR-006", "name": "High Contrast Pair", "category": "colors", "description": "Stark light-on-dark and dark-on-light pair for maximum readability.", "tags": [ "contrast", "accessibility", "pair" ], "style": "minimal", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-006", "version": 1 }, { "id": "COLOR-007", "name": "Linear Gradient Wash", "category": "colors", "description": "Simple linear gradient wash for heroes and banners.", "tags": [ "gradient", "linear", "wash" ], "style": "modern", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-007", "version": 1 }, { "id": "COLOR-008", "name": "Radial Spotlight Gradient", "category": "colors", "description": "Radial gradient that creates a spotlight focus behind content.", "tags": [ "gradient", "radial", "spotlight" ], "style": "futuristic", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-008", "version": 1 }, { "id": "COLOR-009", "name": "Tri-Stop Mesh Gradient", "category": "colors", "description": "Layered multi-stop gradient with a soft mesh feel.", "tags": [ "gradient", "mesh", "multi-stop" ], "style": "soft", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-009", "version": 1 }, { "id": "COLOR-010", "name": "Soft Tinted Surface", "category": "colors", "description": "Low-chroma tinted surface for calm cards and panels.", "tags": [ "tint", "surface", "soft" ], "style": "soft", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-010", "version": 1 }, { "id": "COLOR-011", "name": "Alpha Overlay Scrim", "category": "colors", "description": "Semi-transparent scrim over imagery for readable text.", "tags": [ "overlay", "alpha", "scrim" ], "style": "editorial", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-011", "version": 1 }, { "id": "COLOR-012", "name": "Duotone Image Wash", "category": "colors", "description": "Two-tone color wash applied over a media placeholder.", "tags": [ "duotone", "overlay", "brand" ], "style": "editorial", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-012", "version": 1 }, { "id": "COLOR-013", "name": "Outline Color Only", "category": "colors", "description": "Color used only as stroke and text, with a transparent fill.", "tags": [ "outline", "stroke", "ghost" ], "style": "minimal", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-013", "version": 1 }, { "id": "COLOR-014", "name": "Accent Rail Strip", "category": "colors", "description": "Vertical accent rail marking a content block without filling it.", "tags": [ "rail", "accent", "editorial" ], "style": "editorial", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-014", "version": 1 }, { "id": "COLOR-015", "name": "CSS Token Swatches", "category": "colors", "description": "Named design tokens shown as labeled color variables.", "tags": [ "tokens", "variables", "system" ], "style": "technical", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-015", "version": 1 }, { "id": "COLOR-016", "name": "Light and Dark Pair", "category": "colors", "description": "Side-by-side light and dark theme surfaces sharing one accent.", "tags": [ "theme", "light", "dark" ], "style": "modern", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-016", "version": 1 }, { "id": "COLOR-017", "name": "Neon Glow Edge", "category": "colors", "description": "Neon edge glow effect for futuristic accents and CTAs.", "tags": [ "effect", "glow", "neon" ], "style": "futuristic", "complexity": "moderate", "animation": "glow-breathe", "url": "https://zemew.com/guides/ai/library/colors/COLOR-017", "version": 1 }, { "id": "COLOR-018", "name": "Soft Colored Shadow", "category": "colors", "description": "Elevation created with a tinted shadow instead of plain black.", "tags": [ "effect", "shadow", "elevation" ], "style": "soft", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-018", "version": 1 }, { "id": "COLOR-019", "name": "Frosted Glass Panel", "category": "colors", "description": "Frosted glass panel with blur and translucent color.", "tags": [ "effect", "glass", "blur" ], "style": "soft", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-019", "version": 1 }, { "id": "COLOR-020", "name": "Inner Glow Well", "category": "colors", "description": "Inset inner glow that makes a well feel lit from within.", "tags": [ "effect", "inner-glow", "inset" ], "style": "futuristic", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-020", "version": 1 }, { "id": "COLOR-021", "name": "Grain Noise Overlay", "category": "colors", "description": "Subtle film grain over a colored surface for texture.", "tags": [ "effect", "grain", "noise", "texture" ], "style": "editorial", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-021", "version": 1 }, { "id": "COLOR-022", "name": "Vignette Frame", "category": "colors", "description": "Edge vignette that darkens corners and frames the center.", "tags": [ "effect", "vignette", "frame" ], "style": "editorial", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-022", "version": 1 }, { "id": "COLOR-023", "name": "Sheen Sweep Highlight", "category": "colors", "description": "Moving sheen highlight across a colored surface.", "tags": [ "effect", "sheen", "shine" ], "style": "modern", "complexity": "moderate", "animation": "sheen", "url": "https://zemew.com/guides/ai/library/colors/COLOR-023", "version": 1 }, { "id": "COLOR-024", "name": "Color Wash on Media", "category": "colors", "description": "Solid brand wash layered over media at partial opacity.", "tags": [ "effect", "wash", "media" ], "style": "brand", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-024", "version": 1 }, { "id": "COLOR-025", "name": "Iridescent Border", "category": "colors", "description": "Iridescent multi-hue border around a dark content panel.", "tags": [ "effect", "iridescent", "border" ], "style": "futuristic", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-025", "version": 1 }, { "id": "COLOR-026", "name": "Split Complementary Block", "category": "colors", "description": "Split complementary pairing used as a two-panel color lesson.", "tags": [ "palette", "complementary", "split" ], "style": "playful", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-026", "version": 1 }, { "id": "COLOR-027", "name": "Muted Pastel Set", "category": "colors", "description": "Soft pastel chips for calm tags, charts, or category colors.", "tags": [ "pastel", "muted", "chips" ], "style": "soft", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-027", "version": 1 }, { "id": "COLOR-028", "name": "Heatmap Intensity Scale", "category": "colors", "description": "Sequential intensity scale for heatmaps and density charts.", "tags": [ "scale", "heatmap", "data" ], "style": "technical", "complexity": "moderate", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-028", "version": 1 }, { "id": "COLOR-029", "name": "Focus Ring Color Cue", "category": "colors", "description": "Visible focus ring color treatment for keyboard navigation.", "tags": [ "effect", "focus", "a11y" ], "style": "utility", "complexity": "simple", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-029", "version": 1 }, { "id": "COLOR-030", "name": "Chromatic Aberration Edge", "category": "colors", "description": "Slight RGB split edge effect for stylized, glitchy accents.", "tags": [ "effect", "chromatic", "glitch" ], "style": "retro", "complexity": "complex", "animation": null, "url": "https://zemew.com/guides/ai/library/colors/COLOR-030", "version": 1 }, { "id": "CONTENT-001", "name": "Feature Checklist Section", "category": "content", "description": "Headline, copy, and a short checklist.", "tags": [ "feature", "checklist" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-001", "version": 1 }, { "id": "CONTENT-002", "name": "Media Left Content", "category": "content", "description": "Artwork placeholder beside explanatory copy.", "tags": [ "media", "image-left" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-002", "version": 1 }, { "id": "CONTENT-003", "name": "Three Step Process", "category": "content", "description": "Simple three-step content section.", "tags": [ "steps", "process" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-003", "version": 1 }, { "id": "CONTENT-004", "name": "Warm Feature Band", "category": "content", "description": "Medium warm feature section treatment.", "tags": [ "warm", "feature" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-004", "version": 1 }, { "id": "CONTENT-005", "name": "Technical Spec Block", "category": "content", "description": "Technical content block for documentation pages.", "tags": [ "technical", "docs" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-005", "version": 1 }, { "id": "CONTENT-006", "name": "Editorial Essay Intro", "category": "content", "description": "Editorial intro section for long reading.", "tags": [ "editorial", "essay" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-006", "version": 1 }, { "id": "CONTENT-007", "name": "Alternating Media Cue", "category": "content", "description": "Content block prepared for alternating media sections.", "tags": [ "alternating", "media" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-007", "version": 1 }, { "id": "CONTENT-008", "name": "Dense Utility Notes", "category": "content", "description": "Dense notes section for operators.", "tags": [ "dense", "notes" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-008", "version": 1 }, { "id": "CONTENT-009", "name": "Playful Tips Section", "category": "content", "description": "Friendly tips section with light personality.", "tags": [ "playful", "tips" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-009", "version": 1 }, { "id": "CONTENT-010", "name": "Spacious Idea Block", "category": "content", "description": "Spacious content block for key ideas.", "tags": [ "spacious", "idea" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-010", "version": 1 }, { "id": "CONTENT-011", "name": "Feature Columns", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-011", "version": 1 }, { "id": "CONTENT-012", "name": "Media Copy", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-012", "version": 1 }, { "id": "CONTENT-013", "name": "Numbered Steps", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-013", "version": 1 }, { "id": "CONTENT-014", "name": "Pull Quote", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-014", "version": 1 }, { "id": "CONTENT-015", "name": "Checklist Block", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-015", "version": 1 }, { "id": "CONTENT-016", "name": "Big Number", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-016", "version": 1 }, { "id": "CONTENT-017", "name": "Chapter Header", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-017", "version": 1 }, { "id": "CONTENT-018", "name": "Note Aside", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-018", "version": 1 }, { "id": "CONTENT-019", "name": "Stats Row", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-019", "version": 1 }, { "id": "CONTENT-020", "name": "Icon Lead", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-020", "version": 1 }, { "id": "CONTENT-021", "name": "Code Sample", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-021", "version": 1 }, { "id": "CONTENT-022", "name": "Image Pair", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-022", "version": 1 }, { "id": "CONTENT-023", "name": "FAQ Teaser", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-023", "version": 1 }, { "id": "CONTENT-024", "name": "Process Rail", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-024", "version": 1 }, { "id": "CONTENT-025", "name": "Comparison", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-025", "version": 1 }, { "id": "CONTENT-026", "name": "Story Block", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-026", "version": 1 }, { "id": "CONTENT-027", "name": "Resource List", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-027", "version": 1 }, { "id": "CONTENT-028", "name": "Callout Band", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-028", "version": 1 }, { "id": "CONTENT-029", "name": "Timeline Copy", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-029", "version": 1 }, { "id": "CONTENT-030", "name": "Gallery Caption", "category": "content", "description": "Distinct content pattern with unique structure for AI reference.", "tags": [ "content", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/content/CONTENT-030", "version": 1 }, { "id": "DROP-001", "name": "Basic Action Menu", "category": "dropdowns", "description": "Button with an open action menu.", "tags": [ "menu", "actions" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-001", "version": 1 }, { "id": "DROP-002", "name": "Warm Menu Dropdown", "category": "dropdowns", "description": "Medium warm dropdown menu.", "tags": [ "warm", "menu" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-002", "version": 1 }, { "id": "DROP-003", "name": "Technical Command Menu", "category": "dropdowns", "description": "Technical dropdown for commands.", "tags": [ "technical", "commands" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-003", "version": 1 }, { "id": "DROP-004", "name": "Dense Utility Menu", "category": "dropdowns", "description": "Dense utility dropdown.", "tags": [ "dense", "utility" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-004", "version": 1 }, { "id": "DROP-005", "name": "Soft Context Menu", "category": "dropdowns", "description": "Soft contextual dropdown.", "tags": [ "soft", "context" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-005", "version": 1 }, { "id": "DROP-006", "name": "Action Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-006", "version": 1 }, { "id": "DROP-007", "name": "Account Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-007", "version": 1 }, { "id": "DROP-008", "name": "Native Select", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-008", "version": 1 }, { "id": "DROP-009", "name": "Filter Panel", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-009", "version": 1 }, { "id": "DROP-010", "name": "Shortcut Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-010", "version": 1 }, { "id": "DROP-011", "name": "Danger Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-011", "version": 1 }, { "id": "DROP-012", "name": "Avatar Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-012", "version": 1 }, { "id": "DROP-013", "name": "Sort Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-013", "version": 1 }, { "id": "DROP-014", "name": "Add Grid", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-014", "version": 1 }, { "id": "DROP-015", "name": "Language Menu", "category": "dropdowns", "description": "Distinct dropdowns pattern with unique structure for AI reference.", "tags": [ "drop", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/dropdowns/DROP-015", "version": 1 }, { "id": "FAQ-001", "name": "Accordion FAQ", "category": "faq", "description": "Details/summary accordion FAQ list.", "tags": [ "accordion", "faq" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-001", "version": 1 }, { "id": "FAQ-002", "name": "Warm FAQ Panel", "category": "faq", "description": "Medium warm FAQ accordion.", "tags": [ "warm", "faq" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-002", "version": 1 }, { "id": "FAQ-003", "name": "Technical FAQ List", "category": "faq", "description": "Technical FAQ styling for docs.", "tags": [ "technical", "docs" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-003", "version": 1 }, { "id": "FAQ-004", "name": "Soft Spacious FAQ", "category": "faq", "description": "Softer FAQ with more breathing room.", "tags": [ "soft", "spacious" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-004", "version": 1 }, { "id": "FAQ-005", "name": "Details List", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-005", "version": 1 }, { "id": "FAQ-006", "name": "Button Accordion", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-006", "version": 1 }, { "id": "FAQ-007", "name": "Flat Items", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-007", "version": 1 }, { "id": "FAQ-008", "name": "Two Column", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-008", "version": 1 }, { "id": "FAQ-009", "name": "Search FAQ", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-009", "version": 1 }, { "id": "FAQ-010", "name": "Numbered FAQ", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-010", "version": 1 }, { "id": "FAQ-011", "name": "Indexed Details", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-011", "version": 1 }, { "id": "FAQ-012", "name": "FAQ Cards", "category": "faq", "description": "Distinct faq pattern with unique structure for AI reference.", "tags": [ "faq", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/faq/FAQ-012", "version": 1 }, { "id": "FOOT-001", "name": "Multi Column Compact Footer", "category": "footers", "description": "Three link columns plus a copyright line.", "tags": [ "multi-column", "compact" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-001", "version": 1 }, { "id": "FOOT-002", "name": "Compact Link Bar", "category": "footers", "description": "Single-row compact footer.", "tags": [ "compact", "bar" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-002", "version": 1 }, { "id": "FOOT-003", "name": "Newsletter Footer", "category": "footers", "description": "Footer with newsletter capture.", "tags": [ "newsletter", "capture" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-003", "version": 1 }, { "id": "FOOT-004", "name": "Warm Multi Footer", "category": "footers", "description": "Medium warm multi-column footer.", "tags": [ "warm", "multi-column" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-004", "version": 1 }, { "id": "FOOT-005", "name": "Minimal Legal Bar", "category": "footers", "description": "Minimal brand plus legal links.", "tags": [ "minimal", "legal" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-005", "version": 1 }, { "id": "FOOT-006", "name": "Technical Status Footer", "category": "footers", "description": "Technical footer with status-oriented links.", "tags": [ "technical", "status" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-006", "version": 1 }, { "id": "FOOT-007", "name": "Editorial Colophon", "category": "footers", "description": "Editorial colophon-style footer.", "tags": [ "editorial", "colophon" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-007", "version": 1 }, { "id": "FOOT-008", "name": "Industrial Site Footer", "category": "footers", "description": "Industrial multi-column footer.", "tags": [ "industrial" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-008", "version": 1 }, { "id": "FOOT-009", "name": "Playful Subscribe Footer", "category": "footers", "description": "Playful newsletter footer.", "tags": [ "playful", "subscribe" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-009", "version": 1 }, { "id": "FOOT-010", "name": "Classic Three Column Footer", "category": "footers", "description": "Classic web multi-column footer.", "tags": [ "classic", "three-column" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-010", "version": 1 }, { "id": "FOOT-011", "name": "Multi Column", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-011", "version": 1 }, { "id": "FOOT-012", "name": "Compact Bar", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-012", "version": 1 }, { "id": "FOOT-013", "name": "Newsletter Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-013", "version": 1 }, { "id": "FOOT-014", "name": "Brand Social", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-014", "version": 1 }, { "id": "FOOT-015", "name": "Link Row", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-015", "version": 1 }, { "id": "FOOT-016", "name": "CTA Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-016", "version": 1 }, { "id": "FOOT-017", "name": "Map Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-017", "version": 1 }, { "id": "FOOT-018", "name": "List Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-018", "version": 1 }, { "id": "FOOT-019", "name": "Big Statement", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-019", "version": 1 }, { "id": "FOOT-020", "name": "Status Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-020", "version": 1 }, { "id": "FOOT-021", "name": "Link Grid", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-021", "version": 1 }, { "id": "FOOT-022", "name": "Action Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-022", "version": 1 }, { "id": "FOOT-023", "name": "Legal Dense", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-023", "version": 1 }, { "id": "FOOT-024", "name": "App Badges", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-024", "version": 1 }, { "id": "FOOT-025", "name": "Language Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-025", "version": 1 }, { "id": "FOOT-026", "name": "Minimal Mark", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-026", "version": 1 }, { "id": "FOOT-027", "name": "Docs Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-027", "version": 1 }, { "id": "FOOT-028", "name": "Studio Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-028", "version": 1 }, { "id": "FOOT-029", "name": "Product Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-029", "version": 1 }, { "id": "FOOT-030", "name": "Support Footer", "category": "footers", "description": "Distinct footers pattern with unique structure for AI reference.", "tags": [ "footer", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/footers/FOOT-030", "version": 1 }, { "id": "FORM-001", "name": "Stacked Contact Form", "category": "forms", "description": "Standard stacked name, email, and message fields.", "tags": [ "contact", "stacked" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-001", "version": 1 }, { "id": "FORM-002", "name": "Inline Email Capture", "category": "forms", "description": "Compact inline email capture.", "tags": [ "email", "inline" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-002", "version": 1 }, { "id": "FORM-003", "name": "Card Login Form", "category": "forms", "description": "Login form presented as a card.", "tags": [ "login", "card" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-003", "version": 1 }, { "id": "FORM-004", "name": "Warm Signup Stack", "category": "forms", "description": "Medium warm stacked signup form.", "tags": [ "warm", "signup" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-004", "version": 1 }, { "id": "FORM-005", "name": "Technical Key Form", "category": "forms", "description": "Technical dense form treatment.", "tags": [ "technical", "keys" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-005", "version": 1 }, { "id": "FORM-006", "name": "Minimal Ghost Fields", "category": "forms", "description": "Minimal form with quiet field styling.", "tags": [ "minimal", "quiet" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-006", "version": 1 }, { "id": "FORM-007", "name": "Industrial Ticket Form", "category": "forms", "description": "Industrial support-ticket style form.", "tags": [ "industrial", "support" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-007", "version": 1 }, { "id": "FORM-008", "name": "Playful Newsletter Inline", "category": "forms", "description": "Playful inline capture.", "tags": [ "playful", "newsletter" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-008", "version": 1 }, { "id": "FORM-009", "name": "Dashboard Filter Form", "category": "forms", "description": "Compact filter-oriented form card.", "tags": [ "dashboard", "filters" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-009", "version": 1 }, { "id": "FORM-010", "name": "Classic Web Form", "category": "forms", "description": "Classic stacked web form.", "tags": [ "classic", "web" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-010", "version": 1 }, { "id": "FORM-011", "name": "Stacked Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-011", "version": 1 }, { "id": "FORM-012", "name": "Inline Email", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-012", "version": 1 }, { "id": "FORM-013", "name": "Login Card", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-013", "version": 1 }, { "id": "FORM-014", "name": "Plan Radios", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-014", "version": 1 }, { "id": "FORM-015", "name": "Seats Select", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-015", "version": 1 }, { "id": "FORM-016", "name": "Toggle Prefs", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-016", "version": 1 }, { "id": "FORM-017", "name": "OTP Code", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-017", "version": 1 }, { "id": "FORM-018", "name": "Message Actions", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-018", "version": 1 }, { "id": "FORM-019", "name": "File Upload", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-019", "version": 1 }, { "id": "FORM-020", "name": "Name Row", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-020", "version": 1 }, { "id": "FORM-021", "name": "Docs Search", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-021", "version": 1 }, { "id": "FORM-022", "name": "Invite Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-022", "version": 1 }, { "id": "FORM-023", "name": "Filter Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-023", "version": 1 }, { "id": "FORM-024", "name": "Survey Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-024", "version": 1 }, { "id": "FORM-025", "name": "Address Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-025", "version": 1 }, { "id": "FORM-026", "name": "Payment Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-026", "version": 1 }, { "id": "FORM-027", "name": "Profile Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-027", "version": 1 }, { "id": "FORM-028", "name": "Feedback Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-028", "version": 1 }, { "id": "FORM-029", "name": "Subscribe Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-029", "version": 1 }, { "id": "FORM-030", "name": "Settings Form", "category": "forms", "description": "Distinct forms pattern with unique structure for AI reference.", "tags": [ "form", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/forms/FORM-030", "version": 1 }, { "id": "GALLERY-001", "name": "Four Up Gallery", "category": "galleries", "description": "Simple four-image gallery grid.", "tags": [ "grid", "four-up" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-001", "version": 1 }, { "id": "GALLERY-002", "name": "Featured Plus Thumbs", "category": "galleries", "description": "Featured image with thumbnail row.", "tags": [ "featured", "thumbnails" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-002", "version": 1 }, { "id": "GALLERY-003", "name": "Warm Gallery Grid", "category": "galleries", "description": "Medium warm gallery grid.", "tags": [ "warm", "grid" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-003", "version": 1 }, { "id": "GALLERY-004", "name": "Editorial Gallery Frame", "category": "galleries", "description": "Editorial treatment for curated galleries.", "tags": [ "editorial", "curated" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-004", "version": 1 }, { "id": "GALLERY-005", "name": "Quad Grid", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-005", "version": 1 }, { "id": "GALLERY-006", "name": "Feature Thumbs", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-006", "version": 1 }, { "id": "GALLERY-007", "name": "Wide Stack", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-007", "version": 1 }, { "id": "GALLERY-008", "name": "Mosaic", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-008", "version": 1 }, { "id": "GALLERY-009", "name": "Horizontal Reel", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-009", "version": 1 }, { "id": "GALLERY-010", "name": "Carousel Frame", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-010", "version": 1 }, { "id": "GALLERY-011", "name": "Polaroid", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-011", "version": 1 }, { "id": "GALLERY-012", "name": "Masonry", "category": "galleries", "description": "Distinct galleries pattern with unique structure for AI reference.", "tags": [ "gallery", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/galleries/GALLERY-012", "version": 1 }, { "id": "HERO-001", "name": "Centered Statement Hero", "category": "heroes", "description": "Centered headline, supporting line, and artwork below.", "tags": [ "centered", "statement" ], "style": "medium-warm", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-001", "version": 1 }, { "id": "HERO-002", "name": "Split Hero Artwork Right", "category": "heroes", "description": "Copy on the left with artwork placeholder on the right.", "tags": [ "split", "artwork-right" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-002", "version": 1 }, { "id": "HERO-003", "name": "Split Hero Artwork Left", "category": "heroes", "description": "Artwork leads, copy follows on the right.", "tags": [ "split", "artwork-left" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-003", "version": 1 }, { "id": "HERO-004", "name": "Overlay Story Hero", "category": "heroes", "description": "Text over a full-bleed background placeholder.", "tags": [ "overlay", "story" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-004", "version": 1 }, { "id": "HERO-005", "name": "Asymmetric Floating Card", "category": "heroes", "description": "Asymmetric hero with a floating content/artwork card.", "tags": [ "asymmetric", "floating-card" ], "style": "modern", "complexity": "complex", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-005", "version": 1 }, { "id": "HERO-006", "name": "Editorial Rail Hero", "category": "heroes", "description": "Magazine-style hero with a vertical accent rail.", "tags": [ "editorial", "rail" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-006", "version": 1 }, { "id": "HERO-007", "name": "Gaming HUD Hero", "category": "heroes", "description": "Gaming-inspired hero with HUD accents and a screenshot placeholder.", "tags": [ "gaming", "hud" ], "style": "gaming", "complexity": "simple", "animation": "hud-pulse", "url": "https://zemew.com/guides/ai/library/heroes/HERO-007", "version": 1 }, { "id": "HERO-008", "name": "Minimal Narrow Hero", "category": "heroes", "description": "Quiet centered hero with restrained spacing.", "tags": [ "minimal", "spacious" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-008", "version": 1 }, { "id": "HERO-009", "name": "Industrial Product Hero", "category": "heroes", "description": "Industrial split layout for product-focused launches.", "tags": [ "industrial", "product" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-009", "version": 1 }, { "id": "HERO-010", "name": "Terminal Launch Hero", "category": "heroes", "description": "Developer-oriented hero with mono styling cues.", "tags": [ "terminal", "developer" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-010", "version": 1 }, { "id": "HERO-011", "name": "Futuristic Gradient Stage", "category": "heroes", "description": "Futuristic hero with staged depth and strong contrast.", "tags": [ "futuristic", "gradient" ], "style": "futuristic", "complexity": "simple", "animation": "slow-drift", "url": "https://zemew.com/guides/ai/library/heroes/HERO-011", "version": 1 }, { "id": "HERO-012", "name": "Classic Brochure Hero", "category": "heroes", "description": "Familiar brochure-style hero with clear hierarchy.", "tags": [ "classic", "brochure" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-012", "version": 1 }, { "id": "HERO-013", "name": "Dense Dashboard Intro", "category": "heroes", "description": "Compact hero suited to product dashboards.", "tags": [ "dashboard", "dense" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-013", "version": 1 }, { "id": "HERO-014", "name": "Playful Soft Launch", "category": "heroes", "description": "Friendly soft hero with playful accent treatment.", "tags": [ "playful", "soft" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-014", "version": 1 }, { "id": "HERO-015", "name": "Spacious Story Split", "category": "heroes", "description": "Wide, airy split hero for long-form storytelling pages.", "tags": [ "spacious", "story" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-015", "version": 1 }, { "id": "HERO-016", "name": "Stats Strip Hero", "category": "heroes", "description": "Hero with a headline and a three-metric stats strip.", "tags": [ "stats", "metrics" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-016", "version": 1 }, { "id": "HERO-017", "name": "Logo Lockup Hero", "category": "heroes", "description": "Brand mark lockup above a short statement and CTA.", "tags": [ "logo", "brand" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-017", "version": 1 }, { "id": "HERO-018", "name": "Video Frame Hero", "category": "heroes", "description": "Copy beside a faux video player frame.", "tags": [ "video", "media" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-018", "version": 1 }, { "id": "HERO-019", "name": "Countdown Launch Hero", "category": "heroes", "description": "Launch hero with a day-hour-minute countdown.", "tags": [ "countdown", "launch" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-019", "version": 1 }, { "id": "HERO-020", "name": "Newsletter Capture Hero", "category": "heroes", "description": "Hero focused on email capture with supporting copy.", "tags": [ "newsletter", "capture" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-020", "version": 1 }, { "id": "HERO-021", "name": "Dual CTA Stacked Hero", "category": "heroes", "description": "Centered statement with stacked primary and secondary CTAs.", "tags": [ "cta", "stacked" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-021", "version": 1 }, { "id": "HERO-022", "name": "Breadcrumb Context Hero", "category": "heroes", "description": "Page hero that opens with a breadcrumb trail.", "tags": [ "breadcrumb", "context" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-022", "version": 1 }, { "id": "HERO-023", "name": "Testimonial Hero", "category": "heroes", "description": "Hero led by a short quote and attribution.", "tags": [ "testimonial", "quote" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-023", "version": 1 }, { "id": "HERO-024", "name": "Map Location Hero", "category": "heroes", "description": "Location-focused hero with a map placeholder panel.", "tags": [ "map", "location" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-024", "version": 1 }, { "id": "HERO-025", "name": "Product Trio Hero", "category": "heroes", "description": "Headline above three product preview tiles.", "tags": [ "product", "trio" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-025", "version": 1 }, { "id": "HERO-026", "name": "App Store Badge Hero", "category": "heroes", "description": "Mobile app promo with store badge placeholders.", "tags": [ "app", "store" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-026", "version": 1 }, { "id": "HERO-027", "name": "Before After Hero", "category": "heroes", "description": "Split comparison hero for before and after states.", "tags": [ "comparison", "before-after" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-027", "version": 1 }, { "id": "HERO-028", "name": "Search First Hero", "category": "heroes", "description": "Hero that leads with a prominent search field.", "tags": [ "search", "find" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-028", "version": 1 }, { "id": "HERO-029", "name": "Timeline Intro Hero", "category": "heroes", "description": "Opening section with a horizontal milestone timeline.", "tags": [ "timeline", "milestones" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-029", "version": 1 }, { "id": "HERO-030", "name": "Pricing Teaser Hero", "category": "heroes", "description": "Hero that teases a featured plan price.", "tags": [ "pricing", "teaser" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-030", "version": 1 }, { "id": "HERO-031", "name": "Feature List Hero", "category": "heroes", "description": "Left copy with a checklist of product features.", "tags": [ "features", "checklist" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-031", "version": 1 }, { "id": "HERO-032", "name": "Announcement Banner Hero", "category": "heroes", "description": "Compact announcement bar stacked over a hero statement.", "tags": [ "announcement", "banner" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-032", "version": 1 }, { "id": "HERO-033", "name": "Split Form Hero", "category": "heroes", "description": "Marketing copy paired with an embedded signup form.", "tags": [ "form", "split" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-033", "version": 1 }, { "id": "HERO-034", "name": "Social Proof Avatar Hero", "category": "heroes", "description": "Hero with overlapping avatars and a proof line.", "tags": [ "social-proof", "avatars" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-034", "version": 1 }, { "id": "HERO-035", "name": "Code Panel Hero", "category": "heroes", "description": "Developer hero with a code snippet panel.", "tags": [ "code", "developer" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-035", "version": 1 }, { "id": "HERO-036", "name": "Stacked Image Hero", "category": "heroes", "description": "Offset stacked image cards beside launch copy.", "tags": [ "images", "stack" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-036", "version": 1 }, { "id": "HERO-037", "name": "Metric Spotlight Hero", "category": "heroes", "description": "Large metric callout with supporting explanation.", "tags": [ "metric", "spotlight" ], "style": "editorial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-037", "version": 1 }, { "id": "HERO-038", "name": "Tabbed Hero Intro", "category": "heroes", "description": "Hero with inline tabs switching preview panels.", "tags": [ "tabs", "preview" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-038", "version": 1 }, { "id": "HERO-039", "name": "Side Nav Hero Shell", "category": "heroes", "description": "App-shell hero with a mini side nav and canvas.", "tags": [ "shell", "sidebar" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-039", "version": 1 }, { "id": "HERO-040", "name": "Marquee Strip Hero", "category": "heroes", "description": "Statement hero with a scrolling category marquee.", "tags": [ "marquee", "motion" ], "style": "terminal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-040", "version": 1 }, { "id": "HERO-041", "name": "Profile Cover Hero", "category": "heroes", "description": "Cover-style hero for a personal or team profile.", "tags": [ "profile", "cover" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-041", "version": 1 }, { "id": "HERO-042", "name": "Event Details Hero", "category": "heroes", "description": "Event launch hero with date, place, and CTA.", "tags": [ "event", "details" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-042", "version": 1 }, { "id": "HERO-043", "name": "Gradient Panel Hero", "category": "heroes", "description": "Full-bleed gradient panel with inverted type.", "tags": [ "gradient", "panel" ], "style": "dashboard", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-043", "version": 1 }, { "id": "HERO-044", "name": "Icon Grid Hero", "category": "heroes", "description": "Hero statement above a grid of feature icons.", "tags": [ "icons", "features" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-044", "version": 1 }, { "id": "HERO-045", "name": "Minimal Rule Hero", "category": "heroes", "description": "Ultra-quiet hero with a horizontal rule accent.", "tags": [ "minimal", "rule" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/heroes/HERO-045", "version": 1 }, { "id": "LAY-001", "name": "Single Column Focus", "category": "layouts", "description": "Narrow single-column reading layout.", "tags": [ "single-column", "reading" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-001", "version": 1 }, { "id": "LAY-002", "name": "Two Column Balanced", "category": "layouts", "description": "Equal two-column section layout.", "tags": [ "two-column" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-002", "version": 1 }, { "id": "LAY-003", "name": "Three Column Grid", "category": "layouts", "description": "Simple three-column content grid.", "tags": [ "three-column", "grid" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-003", "version": 1 }, { "id": "LAY-004", "name": "Asymmetric Main Sidebar", "category": "layouts", "description": "Wide main column with a supporting sidebar.", "tags": [ "asymmetric", "sidebar" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-004", "version": 1 }, { "id": "LAY-005", "name": "Bento Mosaic", "category": "layouts", "description": "Bento-style mixed tile layout.", "tags": [ "bento", "mosaic" ], "style": "modern", "complexity": "complex", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-005", "version": 1 }, { "id": "LAY-006", "name": "Magazine Feature Spread", "category": "layouts", "description": "Lead story with stacked supporting stories.", "tags": [ "magazine", "editorial" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-006", "version": 1 }, { "id": "LAY-007", "name": "Dashboard Shell", "category": "layouts", "description": "Nav rail plus metric/chart/table regions.", "tags": [ "dashboard", "shell" ], "style": "dashboard", "complexity": "complex", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-007", "version": 1 }, { "id": "LAY-008", "name": "Timeline Progression", "category": "layouts", "description": "Vertical timeline for sequential storytelling.", "tags": [ "timeline", "steps" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-008", "version": 1 }, { "id": "LAY-009", "name": "Split Screen Duo", "category": "layouts", "description": "Full split-screen paired panels.", "tags": [ "split-screen" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-009", "version": 1 }, { "id": "LAY-010", "name": "Masonry Gallery Frame", "category": "layouts", "description": "Masonry-inspired uneven media frame.", "tags": [ "masonry", "gallery" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-010", "version": 1 }, { "id": "LAY-011", "name": "Documentation Frame", "category": "layouts", "description": "Docs-like asymmetric frame with sticky-side intent.", "tags": [ "documentation", "sticky-sidebar" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-011", "version": 1 }, { "id": "LAY-012", "name": "Card Grid Stage", "category": "layouts", "description": "Stage prepared for card grid sections.", "tags": [ "card-grid" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-012", "version": 1 }, { "id": "LAY-013", "name": "Feature Grid Stage", "category": "layouts", "description": "Three-up feature grid scaffolding.", "tags": [ "feature-grid" ], "style": "professional", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-013", "version": 1 }, { "id": "LAY-014", "name": "Overlapping Story Panels", "category": "layouts", "description": "Panels arranged to suggest overlapping sections.", "tags": [ "overlapping", "story" ], "style": "editorial", "complexity": "complex", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-014", "version": 1 }, { "id": "LAY-015", "name": "Full Width Band", "category": "layouts", "description": "Full-width structural band for immersive sections.", "tags": [ "full-width", "band" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-015", "version": 1 }, { "id": "LAY-016", "name": "Triple Rail", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-016", "version": 1 }, { "id": "LAY-017", "name": "Header Grid", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-017", "version": 1 }, { "id": "LAY-018", "name": "Hero Stack", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-018", "version": 1 }, { "id": "LAY-019", "name": "Rail Section", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-019", "version": 1 }, { "id": "LAY-020", "name": "Zigzag Rows", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-020", "version": 1 }, { "id": "LAY-021", "name": "Step List", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-021", "version": 1 }, { "id": "LAY-022", "name": "Split Panels", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-022", "version": 1 }, { "id": "LAY-023", "name": "Bento Tiles", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-023", "version": 1 }, { "id": "LAY-024", "name": "Chrome Shell", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-024", "version": 1 }, { "id": "LAY-025", "name": "Card Heights", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-025", "version": 1 }, { "id": "LAY-026", "name": "Window Chrome", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-026", "version": 1 }, { "id": "LAY-027", "name": "Accent Columns", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-027", "version": 1 }, { "id": "LAY-028", "name": "Magazine Lead", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-028", "version": 1 }, { "id": "LAY-029", "name": "Dashboard Nest", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-029", "version": 1 }, { "id": "LAY-030", "name": "Timeline Spine", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-030", "version": 1 }, { "id": "LAY-031", "name": "Masonry Mix", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-031", "version": 1 }, { "id": "LAY-032", "name": "Sticky Frame", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-032", "version": 1 }, { "id": "LAY-033", "name": "Overlay Grid", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-033", "version": 1 }, { "id": "LAY-034", "name": "Compact Rows", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-034", "version": 1 }, { "id": "LAY-035", "name": "Wide Canvas", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-035", "version": 1 }, { "id": "LAY-036", "name": "Sidebar Page", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-8" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-036", "version": 1 }, { "id": "LAY-037", "name": "Feature Board", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-9" ], "style": "editorial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-037", "version": 1 }, { "id": "LAY-038", "name": "Metric Wall", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-10" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-038", "version": 1 }, { "id": "LAY-039", "name": "Gallery Frame", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-11" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-039", "version": 1 }, { "id": "LAY-040", "name": "Form Layout", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-0" ], "style": "terminal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-040", "version": 1 }, { "id": "LAY-041", "name": "Doc Layout", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-1" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-041", "version": 1 }, { "id": "LAY-042", "name": "Profile Layout", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-2" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-042", "version": 1 }, { "id": "LAY-043", "name": "Pricing Layout", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-3" ], "style": "dashboard", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-043", "version": 1 }, { "id": "LAY-044", "name": "Blog Layout", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-4" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-044", "version": 1 }, { "id": "LAY-045", "name": "Shop Layout", "category": "layouts", "description": "Distinct layouts pattern with unique structure for AI reference.", "tags": [ "lay", "pattern-5" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/layouts/LAY-045", "version": 1 }, { "id": "MODAL-001", "name": "Basic Confirm Dialog", "category": "modals", "description": "Simple confirmation dialog with cancel and confirm.", "tags": [ "confirm", "dialog" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-001", "version": 1 }, { "id": "MODAL-002", "name": "Warm Save Dialog", "category": "modals", "description": "Medium warm save confirmation.", "tags": [ "warm", "save" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-002", "version": 1 }, { "id": "MODAL-003", "name": "Mobile Sheet Modal", "category": "modals", "description": "Bottom sheet style modal for mobile patterns.", "tags": [ "sheet", "mobile" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-003", "version": 1 }, { "id": "MODAL-004", "name": "Technical Alert Modal", "category": "modals", "description": "Technical alert dialog.", "tags": [ "technical", "alert" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-004", "version": 1 }, { "id": "MODAL-005", "name": "Destructive Confirm", "category": "modals", "description": "High-emphasis destructive confirmation.", "tags": [ "destructive", "confirm" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-005", "version": 1 }, { "id": "MODAL-006", "name": "Soft Info Modal", "category": "modals", "description": "Soft informational modal.", "tags": [ "info", "soft" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-006", "version": 1 }, { "id": "MODAL-007", "name": "Gaming Prompt Modal", "category": "modals", "description": "Gaming-styled prompt dialog.", "tags": [ "gaming", "prompt" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-007", "version": 1 }, { "id": "MODAL-008", "name": "Compact Sheet Note", "category": "modals", "description": "Compact sheet for quick notes.", "tags": [ "sheet", "compact" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-008", "version": 1 }, { "id": "MODAL-009", "name": "Confirm Dialog", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-009", "version": 1 }, { "id": "MODAL-010", "name": "Sheet Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-010", "version": 1 }, { "id": "MODAL-011", "name": "Header Close", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-011", "version": 1 }, { "id": "MODAL-012", "name": "Warning Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-012", "version": 1 }, { "id": "MODAL-013", "name": "Email Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-013", "version": 1 }, { "id": "MODAL-014", "name": "Steps Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-014", "version": 1 }, { "id": "MODAL-015", "name": "Media Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-015", "version": 1 }, { "id": "MODAL-016", "name": "List Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-016", "version": 1 }, { "id": "MODAL-017", "name": "Danger Dialog", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-017", "version": 1 }, { "id": "MODAL-018", "name": "Tabbed Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-018", "version": 1 }, { "id": "MODAL-019", "name": "Eyebrow Confirm", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-019", "version": 1 }, { "id": "MODAL-020", "name": "Split Action", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-020", "version": 1 }, { "id": "MODAL-021", "name": "Image Lightbox", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-021", "version": 1 }, { "id": "MODAL-022", "name": "Form Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-022", "version": 1 }, { "id": "MODAL-023", "name": "Success Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-023", "version": 1 }, { "id": "MODAL-024", "name": "Info Modal", "category": "modals", "description": "Distinct modals pattern with unique structure for AI reference.", "tags": [ "modal", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/modals/MODAL-024", "version": 1 }, { "id": "NAV-001", "name": "Standard Top Bar", "category": "navigation", "description": "Brand left, links center-right, action on the end.", "tags": [ "top", "standard" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-001", "version": 1 }, { "id": "NAV-002", "name": "Centered Brand Nav", "category": "navigation", "description": "Brand centered between balanced link groups.", "tags": [ "centered", "balanced" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-002", "version": 1 }, { "id": "NAV-003", "name": "Underline Active Nav", "category": "navigation", "description": "Underline indicates the active section.", "tags": [ "underline", "active-state" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-003", "version": 1 }, { "id": "NAV-004", "name": "Pill Cluster Nav", "category": "navigation", "description": "Pill-shaped cluster for compact section switching.", "tags": [ "pills", "compact" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-004", "version": 1 }, { "id": "NAV-005", "name": "Dense Console Nav", "category": "navigation", "description": "Dense navigation suited to admin or console products.", "tags": [ "dense", "console" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-005", "version": 1 }, { "id": "NAV-006", "name": "Glass Top Navigation", "category": "navigation", "description": "Frosted bar treatment over page content.", "tags": [ "glass", "overlay" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-006", "version": 1 }, { "id": "NAV-007", "name": "Industrial Utility Nav", "category": "navigation", "description": "Utility-first industrial navigation strip.", "tags": [ "industrial", "utility" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-007", "version": 1 }, { "id": "NAV-008", "name": "Terminal Header Nav", "category": "navigation", "description": "Mono-inspired navigation for developer sites.", "tags": [ "terminal", "developer" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-008", "version": 1 }, { "id": "NAV-009", "name": "Gaming Menu Bar", "category": "navigation", "description": "High-contrast gaming style top menu.", "tags": [ "gaming", "menu" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-009", "version": 1 }, { "id": "NAV-010", "name": "Classic Link Row", "category": "navigation", "description": "Simple classic link row with restrained branding.", "tags": [ "classic", "simple" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-010", "version": 1 }, { "id": "NAV-011", "name": "Mega Menu Hint", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-011", "version": 1 }, { "id": "NAV-012", "name": "Sidebar Hybrid", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-012", "version": 1 }, { "id": "NAV-013", "name": "Search In Nav", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-013", "version": 1 }, { "id": "NAV-014", "name": "Avatar Menu", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-014", "version": 1 }, { "id": "NAV-015", "name": "Breadcrumb Nav", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-015", "version": 1 }, { "id": "NAV-016", "name": "Tabbed Nav", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-016", "version": 1 }, { "id": "NAV-017", "name": "Language Switcher", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-017", "version": 1 }, { "id": "NAV-018", "name": "Notification Bell", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-018", "version": 1 }, { "id": "NAV-019", "name": "Utility Double Row", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-019", "version": 1 }, { "id": "NAV-020", "name": "Scroll Pills", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-020", "version": 1 }, { "id": "NAV-021", "name": "CTA End Nav", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-021", "version": 1 }, { "id": "NAV-022", "name": "Icon Top Nav", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-022", "version": 1 }, { "id": "NAV-023", "name": "Split Brand", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-023", "version": 1 }, { "id": "NAV-024", "name": "Bottom Dock", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-024", "version": 1 }, { "id": "NAV-025", "name": "Filter Chips", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-025", "version": 1 }, { "id": "NAV-026", "name": "Command Affordance", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-026", "version": 1 }, { "id": "NAV-027", "name": "Progress Steps", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-027", "version": 1 }, { "id": "NAV-028", "name": "Social Links", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-028", "version": 1 }, { "id": "NAV-029", "name": "Workspace Switcher", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-029", "version": 1 }, { "id": "NAV-030", "name": "Primary Subnav", "category": "navigation", "description": "Distinct navigation pattern with unique structure for AI reference.", "tags": [ "nav", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/navigation/NAV-030", "version": 1 }, { "id": "PAGE-001", "name": "Numbered Pagination", "category": "pagination", "description": "Previous, numbered pages, and next.", "tags": [ "numbered" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-001", "version": 1 }, { "id": "PAGE-002", "name": "Compact Page Status", "category": "pagination", "description": "Compact previous/next with page status.", "tags": [ "compact", "status" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-002", "version": 1 }, { "id": "PAGE-003", "name": "Warm Numbered Pages", "category": "pagination", "description": "Medium warm numbered pagination.", "tags": [ "warm", "numbered" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-003", "version": 1 }, { "id": "PAGE-004", "name": "Dense Library Pager", "category": "pagination", "description": "Dense pager for large libraries.", "tags": [ "dense", "library" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-004", "version": 1 }, { "id": "PAGE-005", "name": "Minimal Pager", "category": "pagination", "description": "Minimal previous/next pager.", "tags": [ "minimal" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-005", "version": 1 }, { "id": "PAGE-006", "name": "Numbered Pages", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-006", "version": 1 }, { "id": "PAGE-007", "name": "Compact Pager", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-007", "version": 1 }, { "id": "PAGE-008", "name": "Ellipsis Pages", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-008", "version": 1 }, { "id": "PAGE-009", "name": "Load More", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-009", "version": 1 }, { "id": "PAGE-010", "name": "Jump Input", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-010", "version": 1 }, { "id": "PAGE-011", "name": "Older Newer", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-011", "version": 1 }, { "id": "PAGE-012", "name": "Segment Pages", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-012", "version": 1 }, { "id": "PAGE-013", "name": "Per Page", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-013", "version": 1 }, { "id": "PAGE-014", "name": "First Last", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-014", "version": 1 }, { "id": "PAGE-015", "name": "Dot Pager", "category": "pagination", "description": "Distinct pagination pattern with unique structure for AI reference.", "tags": [ "page", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pagination/PAGE-015", "version": 1 }, { "id": "PRICE-001", "name": "Three Plan Pricing", "category": "pricing", "description": "Starter, Pro, and Team plan cards.", "tags": [ "pricing", "three-plan" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-001", "version": 1 }, { "id": "PRICE-002", "name": "Warm Pricing Band", "category": "pricing", "description": "Medium warm pricing section.", "tags": [ "warm", "pricing" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-002", "version": 1 }, { "id": "PRICE-003", "name": "Technical Plan Grid", "category": "pricing", "description": "Technical pricing treatment.", "tags": [ "technical", "plans" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-003", "version": 1 }, { "id": "PRICE-004", "name": "Minimal Pricing Cards", "category": "pricing", "description": "Quiet minimal pricing cards.", "tags": [ "minimal", "pricing" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-004", "version": 1 }, { "id": "PRICE-005", "name": "Three Tier", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-005", "version": 1 }, { "id": "PRICE-006", "name": "Single Plan", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-006", "version": 1 }, { "id": "PRICE-007", "name": "Compare Table", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-007", "version": 1 }, { "id": "PRICE-008", "name": "Billing Toggle", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-008", "version": 1 }, { "id": "PRICE-009", "name": "Feature List", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-009", "version": 1 }, { "id": "PRICE-010", "name": "Usage Meter", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-010", "version": 1 }, { "id": "PRICE-011", "name": "Two Tier", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-011", "version": 1 }, { "id": "PRICE-012", "name": "Banner Price", "category": "pricing", "description": "Distinct pricing pattern with unique structure for AI reference.", "tags": [ "price", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/pricing/PRICE-012", "version": 1 }, { "id": "QUOTE-001", "name": "Portrait Testimonial", "category": "quotes", "description": "Testimonial with portrait placeholder.", "tags": [ "testimonial", "portrait" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-001", "version": 1 }, { "id": "QUOTE-002", "name": "Editorial Pull Quote", "category": "quotes", "description": "Large editorial pull quote.", "tags": [ "pull-quote", "editorial" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-002", "version": 1 }, { "id": "QUOTE-003", "name": "Warm Quote Card", "category": "quotes", "description": "Medium warm testimonial card.", "tags": [ "warm", "testimonial" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-003", "version": 1 }, { "id": "QUOTE-004", "name": "Minimal Quote Line", "category": "quotes", "description": "Minimal one-line quote treatment.", "tags": [ "minimal", "quote" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-004", "version": 1 }, { "id": "QUOTE-005", "name": "Avatar Quote", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-005", "version": 1 }, { "id": "QUOTE-006", "name": "Pull Quote", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-006", "version": 1 }, { "id": "QUOTE-007", "name": "Centered Marks", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-007", "version": 1 }, { "id": "QUOTE-008", "name": "Portrait Figure", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-008", "version": 1 }, { "id": "QUOTE-009", "name": "Star Rating", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-009", "version": 1 }, { "id": "QUOTE-010", "name": "Quote Pair", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-010", "version": 1 }, { "id": "QUOTE-011", "name": "Large Quote", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-011", "version": 1 }, { "id": "QUOTE-012", "name": "Terminal Quote", "category": "quotes", "description": "Distinct quotes pattern with unique structure for AI reference.", "tags": [ "quote", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/quotes/QUOTE-012", "version": 1 }, { "id": "SCROLL-001", "name": "Soft Panel Scrollbar", "category": "scrollbars", "description": "Soft thin scrollbar inside a panel.", "tags": [ "panel", "soft" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-001", "version": 1 }, { "id": "SCROLL-002", "name": "Technical Thin Scroll", "category": "scrollbars", "description": "Thin technical scrollbar treatment.", "tags": [ "technical", "thin" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-002", "version": 1 }, { "id": "SCROLL-003", "name": "Warm Content Scroll", "category": "scrollbars", "description": "Warm-toned scrollbar for reading panels.", "tags": [ "warm", "reading" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-003", "version": 1 }, { "id": "SCROLL-004", "name": "Contrast Utility Scroll", "category": "scrollbars", "description": "Higher-contrast utility scrollbar.", "tags": [ "utility", "contrast" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-004", "version": 1 }, { "id": "SCROLL-005", "name": "Soft Panel", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-005", "version": 1 }, { "id": "SCROLL-006", "name": "Header Scroll", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-006", "version": 1 }, { "id": "SCROLL-007", "name": "Thin Terminal", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-007", "version": 1 }, { "id": "SCROLL-008", "name": "Dual Pane", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-008", "version": 1 }, { "id": "SCROLL-009", "name": "Code Scroll", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-009", "version": 1 }, { "id": "SCROLL-010", "name": "Card Scroll", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-010", "version": 1 }, { "id": "SCROLL-011", "name": "Horizontal Reel", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-011", "version": 1 }, { "id": "SCROLL-012", "name": "Chat Scroll", "category": "scrollbars", "description": "Distinct scrollbars pattern with unique structure for AI reference.", "tags": [ "scroll", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/scrollbars/SCROLL-012", "version": 1 }, { "id": "SEARCH-001", "name": "Standard Search Bar", "category": "search", "description": "Search field with submit button.", "tags": [ "search", "bar" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-001", "version": 1 }, { "id": "SEARCH-002", "name": "ID Aware Search", "category": "search", "description": "Search UI demonstrating ID lookup results.", "tags": [ "results", "id-search" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-002", "version": 1 }, { "id": "SEARCH-003", "name": "Warm Search Field", "category": "search", "description": "Medium warm search bar.", "tags": [ "warm", "search" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-003", "version": 1 }, { "id": "SEARCH-004", "name": "Minimal Magnifier Field", "category": "search", "description": "Minimal search field.", "tags": [ "minimal" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-004", "version": 1 }, { "id": "SEARCH-005", "name": "Technical Query Box", "category": "search", "description": "Technical query-oriented search.", "tags": [ "technical", "query" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-005", "version": 1 }, { "id": "SEARCH-006", "name": "Search Bar", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-006", "version": 1 }, { "id": "SEARCH-007", "name": "Results Panel", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-007", "version": 1 }, { "id": "SEARCH-008", "name": "Shortcut Field", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-008", "version": 1 }, { "id": "SEARCH-009", "name": "Chip Filters", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-009", "version": 1 }, { "id": "SEARCH-010", "name": "Grouped Hits", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-010", "version": 1 }, { "id": "SEARCH-011", "name": "Ask Library", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-011", "version": 1 }, { "id": "SEARCH-012", "name": "Recent Searches", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-012", "version": 1 }, { "id": "SEARCH-013", "name": "Scoped Search", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-013", "version": 1 }, { "id": "SEARCH-014", "name": "Empty Results", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-014", "version": 1 }, { "id": "SEARCH-015", "name": "Live Hits", "category": "search", "description": "Distinct search pattern with unique structure for AI reference.", "tags": [ "search", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/search/SEARCH-015", "version": 1 }, { "id": "SIDE-001", "name": "Standard Section Sidebar", "category": "sidebars", "description": "Labeled sidebar with section links.", "tags": [ "sidebar", "sections" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-001", "version": 1 }, { "id": "SIDE-002", "name": "Icon Rail Sidebar", "category": "sidebars", "description": "Icon-only sidebar rail.", "tags": [ "icons", "rail" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-002", "version": 1 }, { "id": "SIDE-003", "name": "Dense Docs Sidebar", "category": "sidebars", "description": "Dense documentation sidebar.", "tags": [ "docs", "dense" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-003", "version": 1 }, { "id": "SIDE-004", "name": "Warm Filters Sidebar", "category": "sidebars", "description": "Warm sidebar for filters.", "tags": [ "warm", "filters" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-004", "version": 1 }, { "id": "SIDE-005", "name": "Glass Contextual Sidebar", "category": "sidebars", "description": "Glass treatment for contextual side panels.", "tags": [ "glass", "contextual" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-005", "version": 1 }, { "id": "SIDE-006", "name": "Industrial Ops Sidebar", "category": "sidebars", "description": "Industrial ops sidebar.", "tags": [ "industrial", "ops" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-006", "version": 1 }, { "id": "SIDE-007", "name": "Gaming Menu Rail", "category": "sidebars", "description": "Gaming-inspired icon rail.", "tags": [ "gaming", "menu" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-007", "version": 1 }, { "id": "SIDE-008", "name": "Minimal Text Sidebar", "category": "sidebars", "description": "Quiet text sidebar.", "tags": [ "minimal", "text" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-008", "version": 1 }, { "id": "SIDE-009", "name": "Text Side Nav", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-009", "version": 1 }, { "id": "SIDE-010", "name": "Icon Rail", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-010", "version": 1 }, { "id": "SIDE-011", "name": "Filter Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-011", "version": 1 }, { "id": "SIDE-012", "name": "User Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-012", "version": 1 }, { "id": "SIDE-013", "name": "Tree Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-013", "version": 1 }, { "id": "SIDE-014", "name": "Progress Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-014", "version": 1 }, { "id": "SIDE-015", "name": "Sectioned Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-015", "version": 1 }, { "id": "SIDE-016", "name": "CTA Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-016", "version": 1 }, { "id": "SIDE-017", "name": "Pill Rail", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-017", "version": 1 }, { "id": "SIDE-018", "name": "Pinned Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-018", "version": 1 }, { "id": "SIDE-019", "name": "Ops Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-019", "version": 1 }, { "id": "SIDE-020", "name": "Promo Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-020", "version": 1 }, { "id": "SIDE-021", "name": "Dense Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-021", "version": 1 }, { "id": "SIDE-022", "name": "Workspace Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-022", "version": 1 }, { "id": "SIDE-023", "name": "Docs Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-023", "version": 1 }, { "id": "SIDE-024", "name": "Chat Side", "category": "sidebars", "description": "Distinct sidebars pattern with unique structure for AI reference.", "tags": [ "side", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/sidebars/SIDE-024", "version": 1 }, { "id": "STATE-001", "name": "Empty Collection State", "category": "states", "description": "Empty state for collections with no items yet.", "tags": [ "empty" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-001", "version": 1 }, { "id": "STATE-002", "name": "Error Recovery State", "category": "states", "description": "Error state with a recovery action.", "tags": [ "error" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-002", "version": 1 }, { "id": "STATE-003", "name": "Loading Results State", "category": "states", "description": "Loading state for filtered results.", "tags": [ "loading" ], "style": "modern", "complexity": "simple", "animation": "spin", "url": "https://zemew.com/guides/ai/library/states/STATE-003", "version": 1 }, { "id": "STATE-004", "name": "Warm Empty Search", "category": "states", "description": "Warm empty search results state.", "tags": [ "empty", "search" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-004", "version": 1 }, { "id": "STATE-005", "name": "Empty State", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-005", "version": 1 }, { "id": "STATE-006", "name": "Error State", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-006", "version": 1 }, { "id": "STATE-007", "name": "Loading State", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-007", "version": 1 }, { "id": "STATE-008", "name": "Skeleton State", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-008", "version": 1 }, { "id": "STATE-009", "name": "Dual Actions", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-009", "version": 1 }, { "id": "STATE-010", "name": "Illustration Empty", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-010", "version": 1 }, { "id": "STATE-011", "name": "Code 404", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-011", "version": 1 }, { "id": "STATE-012", "name": "Tips Empty", "category": "states", "description": "Distinct states pattern with unique structure for AI reference.", "tags": [ "state", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/states/STATE-012", "version": 1 }, { "id": "TAB-001", "name": "Underline Tabs", "category": "tabs", "description": "Classic underline tab set.", "tags": [ "underline", "tabs" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-001", "version": 1 }, { "id": "TAB-002", "name": "Segmented Control Tabs", "category": "tabs", "description": "Segmented control style tabs.", "tags": [ "segmented", "control" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-002", "version": 1 }, { "id": "TAB-003", "name": "Warm Underline Tabs", "category": "tabs", "description": "Medium warm underline tabs.", "tags": [ "warm", "tabs" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-003", "version": 1 }, { "id": "TAB-004", "name": "Technical Segment Tabs", "category": "tabs", "description": "Technical segmented tabs.", "tags": [ "technical", "segmented" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-004", "version": 1 }, { "id": "TAB-005", "name": "Soft Pill Tabs", "category": "tabs", "description": "Soft pill-like tab strip.", "tags": [ "soft", "pills" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-005", "version": 1 }, { "id": "TAB-006", "name": "Dense Console Tabs", "category": "tabs", "description": "Dense tabs for consoles.", "tags": [ "dense", "console" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-006", "version": 1 }, { "id": "TAB-007", "name": "Editorial Section Tabs", "category": "tabs", "description": "Editorial tabs for long articles.", "tags": [ "editorial", "sections" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-007", "version": 1 }, { "id": "TAB-008", "name": "Gaming Mode Tabs", "category": "tabs", "description": "Gaming-styled mode switcher tabs.", "tags": [ "gaming", "modes" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-008", "version": 1 }, { "id": "TAB-009", "name": "Underline Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-009", "version": 1 }, { "id": "TAB-010", "name": "Segment Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-010", "version": 1 }, { "id": "TAB-011", "name": "Vertical Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-011", "version": 1 }, { "id": "TAB-012", "name": "Count Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-012", "version": 1 }, { "id": "TAB-013", "name": "Icon Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-013", "version": 1 }, { "id": "TAB-014", "name": "Code Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-014", "version": 1 }, { "id": "TAB-015", "name": "Warm Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-015", "version": 1 }, { "id": "TAB-016", "name": "Step Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-016", "version": 1 }, { "id": "TAB-017", "name": "Mail Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-017", "version": 1 }, { "id": "TAB-018", "name": "View Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-018", "version": 1 }, { "id": "TAB-019", "name": "Lang Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-019", "version": 1 }, { "id": "TAB-020", "name": "Preview Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-020", "version": 1 }, { "id": "TAB-021", "name": "Pill Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-021", "version": 1 }, { "id": "TAB-022", "name": "Card Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-022", "version": 1 }, { "id": "TAB-023", "name": "Toolbar Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-023", "version": 1 }, { "id": "TAB-024", "name": "Dense Tabs", "category": "tabs", "description": "Distinct tabs pattern with unique structure for AI reference.", "tags": [ "tabs", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tabs/TAB-024", "version": 1 }, { "id": "TABLE-001", "name": "Comfortable Data Table", "category": "tables", "description": "Readable three-column data table.", "tags": [ "data", "comfortable" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-001", "version": 1 }, { "id": "TABLE-002", "name": "Dense Ops Table", "category": "tables", "description": "Dense table for operational dashboards.", "tags": [ "dense", "ops" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-002", "version": 1 }, { "id": "TABLE-003", "name": "Technical Mono Table", "category": "tables", "description": "Mono-leaning technical table.", "tags": [ "technical", "mono" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-003", "version": 1 }, { "id": "TABLE-004", "name": "Warm Striped Table", "category": "tables", "description": "Warm striped table treatment.", "tags": [ "warm", "striped" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-004", "version": 1 }, { "id": "TABLE-005", "name": "Basic Table", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-005", "version": 1 }, { "id": "TABLE-006", "name": "Selectable Rows", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-006", "version": 1 }, { "id": "TABLE-007", "name": "Key Value", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-007", "version": 1 }, { "id": "TABLE-008", "name": "Toolbar Table", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-008", "version": 1 }, { "id": "TABLE-009", "name": "File Table", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-009", "version": 1 }, { "id": "TABLE-010", "name": "Zebra Table", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-010", "version": 1 }, { "id": "TABLE-011", "name": "Progress Table", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-011", "version": 1 }, { "id": "TABLE-012", "name": "Dense Terminal", "category": "tables", "description": "Distinct tables pattern with unique structure for AI reference.", "tags": [ "table", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/tables/TABLE-012", "version": 1 }, { "id": "TOAST-001", "name": "Basic Status Toast", "category": "toasts", "description": "Simple status toast.", "tags": [ "status" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-001", "version": 1 }, { "id": "TOAST-002", "name": "Undo Action Toast", "category": "toasts", "description": "Toast with an undo action.", "tags": [ "undo", "action" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-002", "version": 1 }, { "id": "TOAST-003", "name": "Warm Success Toast", "category": "toasts", "description": "Medium warm success toast.", "tags": [ "warm", "success" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-003", "version": 1 }, { "id": "TOAST-004", "name": "Technical Log Toast", "category": "toasts", "description": "Technical log-style toast.", "tags": [ "technical", "log" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-004", "version": 1 }, { "id": "TOAST-005", "name": "Warning Toast", "category": "toasts", "description": "Warning-oriented toast.", "tags": [ "warning" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-005", "version": 1 }, { "id": "TOAST-006", "name": "Basic Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-006", "version": 1 }, { "id": "TOAST-007", "name": "Undo Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-007", "version": 1 }, { "id": "TOAST-008", "name": "Success Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-008", "version": 1 }, { "id": "TOAST-009", "name": "Error Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-009", "version": 1 }, { "id": "TOAST-010", "name": "Progress Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-010", "version": 1 }, { "id": "TOAST-011", "name": "Closable Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-011", "version": 1 }, { "id": "TOAST-012", "name": "Pill Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-012", "version": 1 }, { "id": "TOAST-013", "name": "Avatar Toast", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-013", "version": 1 }, { "id": "TOAST-014", "name": "Warm Callout", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-014", "version": 1 }, { "id": "TOAST-015", "name": "Live Dot", "category": "toasts", "description": "Distinct toasts pattern with unique structure for AI reference.", "tags": [ "toast", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toasts/TOAST-015", "version": 1 }, { "id": "TOOL-001", "name": "Classic Top Toolbar", "category": "toolbars", "description": "Traditional top toolbar with grouped actions.", "tags": [ "top", "grouped" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-001", "version": 1 }, { "id": "TOOL-002", "name": "Floating Contextual Toolbar", "category": "toolbars", "description": "Floating toolbar for selection-based actions.", "tags": [ "floating", "contextual" ], "style": "modern", "complexity": "moderate", "animation": "subtle-lift", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-002", "version": 1 }, { "id": "TOOL-003", "name": "Vertical Drawing Palette", "category": "toolbars", "description": "Vertical icon toolbar for drawing or canvas tools.", "tags": [ "vertical", "drawing" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-003", "version": 1 }, { "id": "TOOL-004", "name": "Media Transport Controls", "category": "toolbars", "description": "Playback-style media control bar.", "tags": [ "media", "playback" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-004", "version": 1 }, { "id": "TOOL-005", "name": "Editor Formatting Bar", "category": "toolbars", "description": "Formatting toolbar for rich text editors.", "tags": [ "editor", "formatting" ], "style": "professional", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-005", "version": 1 }, { "id": "TOOL-006", "name": "Mobile Action Bar", "category": "toolbars", "description": "Bottom mobile action bar with a primary create action.", "tags": [ "mobile", "bottom", "action-bar" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-006", "version": 1 }, { "id": "TOOL-007", "name": "Gaming Quick Controls", "category": "toolbars", "description": "Compact gaming-style control cluster.", "tags": [ "gaming", "controls" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-007", "version": 1 }, { "id": "TOOL-008", "name": "Admin Utility Strip", "category": "toolbars", "description": "Administrative toolbar with labeled context.", "tags": [ "admin", "utility" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-008", "version": 1 }, { "id": "TOOL-009", "name": "Soft Floating Edit Tray", "category": "toolbars", "description": "Soft floating tray for lightweight editing.", "tags": [ "floating", "soft" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-009", "version": 1 }, { "id": "TOOL-010", "name": "Dense Dashboard Toolbar", "category": "toolbars", "description": "Dense top bar for dashboard filtering and actions.", "tags": [ "dashboard", "dense" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-010", "version": 1 }, { "id": "TOOL-011", "name": "Icon-Only Compact Rail", "category": "toolbars", "description": "Icon-only vertical rail for tight layouts.", "tags": [ "icon-only", "rail" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-011", "version": 1 }, { "id": "TOOL-012", "name": "Sticky Utility Bar", "category": "toolbars", "description": "Sticky utility treatment for persistent tools.", "tags": [ "sticky", "utility" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-012", "version": 1 }, { "id": "TOOL-013", "name": "Industrial Machine Bar", "category": "toolbars", "description": "Industrial labeled controls for ops-style UIs.", "tags": [ "industrial", "ops" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-013", "version": 1 }, { "id": "TOOL-014", "name": "Terminal Tool Strip", "category": "toolbars", "description": "Mono toolbar inspired by terminal multiplexers.", "tags": [ "terminal", "developer" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-014", "version": 1 }, { "id": "TOOL-015", "name": "Expandable Context Dock", "category": "toolbars", "description": "Contextual dock that can grow with more actions later.", "tags": [ "expandable", "dock", "contextual" ], "style": "futuristic", "complexity": "complex", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-015", "version": 1 }, { "id": "TOOL-016", "name": "Toolbar Search", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-0" ], "style": "modern", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-016", "version": 1 }, { "id": "TOOL-017", "name": "Toolbar Breadcrumb", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-1" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-017", "version": 1 }, { "id": "TOOL-018", "name": "Segmented View", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-2" ], "style": "soft", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-018", "version": 1 }, { "id": "TOOL-019", "name": "User Cluster", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-3" ], "style": "technical", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-019", "version": 1 }, { "id": "TOOL-020", "name": "Tab Strip Tools", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-4" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-020", "version": 1 }, { "id": "TOOL-021", "name": "Color Swatches", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-5" ], "style": "editorial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-021", "version": 1 }, { "id": "TOOL-022", "name": "Scrub Timeline", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-6" ], "style": "futuristic", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-022", "version": 1 }, { "id": "TOOL-023", "name": "Command Affordance", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-7" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-023", "version": 1 }, { "id": "TOOL-024", "name": "Density Toggle", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-8" ], "style": "terminal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-024", "version": 1 }, { "id": "TOOL-025", "name": "Status LED", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-9" ], "style": "retro", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-025", "version": 1 }, { "id": "TOOL-026", "name": "Split Panels", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-10" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-026", "version": 1 }, { "id": "TOOL-027", "name": "Zoom Controls", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-11" ], "style": "dashboard", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-027", "version": 1 }, { "id": "TOOL-028", "name": "History Stack", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-0" ], "style": "gaming", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-028", "version": 1 }, { "id": "TOOL-029", "name": "Tag Filters", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-1" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-029", "version": 1 }, { "id": "TOOL-030", "name": "Presence Avatars", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-2" ], "style": "classic-web", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-030", "version": 1 }, { "id": "TOOL-031", "name": "Grid Snap", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-3" ], "style": "professional", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-031", "version": 1 }, { "id": "TOOL-032", "name": "Comment Mode", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-4" ], "style": "modern", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-032", "version": 1 }, { "id": "TOOL-033", "name": "Publish Actions", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-5" ], "style": "minimal", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-033", "version": 1 }, { "id": "TOOL-034", "name": "Layers Peek", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-6" ], "style": "soft", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-034", "version": 1 }, { "id": "TOOL-035", "name": "Terminal Mux", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-7" ], "style": "technical", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-035", "version": 1 }, { "id": "TOOL-036", "name": "AI Assist", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-8" ], "style": "playful", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-036", "version": 1 }, { "id": "TOOL-037", "name": "Table Ops", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-9" ], "style": "editorial", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-037", "version": 1 }, { "id": "TOOL-038", "name": "Map Controls", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-10" ], "style": "futuristic", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-038", "version": 1 }, { "id": "TOOL-039", "name": "Kanban Tools", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-11" ], "style": "industrial", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-039", "version": 1 }, { "id": "TOOL-040", "name": "Billing Context", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-0" ], "style": "terminal", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-040", "version": 1 }, { "id": "TOOL-041", "name": "Emoji Reactions", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-1" ], "style": "retro", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-041", "version": 1 }, { "id": "TOOL-042", "name": "Compare Versions", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-2" ], "style": "medium-warm", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-042", "version": 1 }, { "id": "TOOL-043", "name": "Device Preview", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-3" ], "style": "dashboard", "complexity": "moderate", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-043", "version": 1 }, { "id": "TOOL-044", "name": "A11y Check", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-4" ], "style": "gaming", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-044", "version": 1 }, { "id": "TOOL-045", "name": "Branch Context", "category": "toolbars", "description": "Distinct toolbars pattern with unique structure for AI reference.", "tags": [ "tool", "pattern-5" ], "style": "utility", "complexity": "simple", "animation": "none", "url": "https://zemew.com/guides/ai/library/toolbars/TOOL-045", "version": 1 } ] }