<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="description" content="Standout websites, apps, screenshots, events, icons, and tools for sharper design decisions." data-i18n-meta="page.home_desc"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="theme-color" content="#f7f7f8"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="Reeoo"><link rel="icon" type="image/png" href="/assets/reeoo-logo-mini-round.png"><link rel="apple-touch-icon" sizes="180x180" href="/assets/reeoo-logo-180.png"><link rel="manifest" href="/manifest.webmanifest"><meta name="msapplication-TileColor" content="#f7f7f8"><meta name="msapplication-TileImage" content="/assets/reeoo-logo-192.png"><!-- Open Graph --><meta property="og:title" content="Reeoo - Design References for Better Decisions"><meta property="og:description" content="Reeoo curates standout websites, apps, screenshots, events, icons, and tools for sharper design decisions."><meta property="og:type" content="website"><meta property="og:site_name" content="Reeoo"><meta property="og:image" content="https://reeoo.com/assets/logo.png"><meta property="og:image:width" content="1280"><meta property="og:image:height" content="800"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Reeoo - Design References for Better Decisions"><meta name="twitter:description" content="Reeoo curates standout websites, apps, screenshots, events, icons, and tools for sharper design decisions."><meta name="twitter:image" content="https://reeoo.com/assets/logo.png"><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-TR3QPB');</script><!-- End Google Tag Manager --><title data-i18n-doctitle="page.home_title">Reeoo - Design References for Better Decisions</title><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="swap"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.j56hQv-j.js"></script><script>(function(){const activeSection = "web";
const searchApiBase = "https://reeoo.com";

      (() => {
        const savedTheme = localStorage.getItem('reeoo-theme');
        const theme = savedTheme === 'light' || savedTheme === 'dark'
          ? savedTheme
          : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
        document.documentElement.dataset.theme = theme;

        const themeColorMeta = document.querySelector('meta[name="theme-color"]');
        const statusBarMeta = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
        themeColorMeta?.setAttribute('content', theme === 'dark' ? '#111315' : '#f7f7f8');
        statusBarMeta?.setAttribute('content', theme === 'dark' ? 'black-translucent' : 'default');

        const savedLang = localStorage.getItem('reeoo-lang');
        const lang = savedLang === 'zh' || savedLang === 'en'
          ? savedLang
          : (navigator.language || '').startsWith('zh') ? 'zh' : 'en';
        document.documentElement.lang = lang;
        window.__REEOO_LANG__ = lang;
        window.__REEOO_SECTION__ = activeSection;
        window.__REEOO_SEARCH_API_BASE__ = searchApiBase;
      })();
    })();</script><script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.BDe4ZeZu.js"></script><link rel="stylesheet" href="/_astro/BaseLayout.BaMcovf5.css"></head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TR3QPB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="site-frame"> <header class="site-header" data-site-header> <div class="nav-glass"> <a class="brand" href="/" aria-label="Reeoo home" data-i18n-aria="nav.home"> <img class="brand-logo" src="/assets/reeoo-logo-mini-round.png" alt=""> </a> <nav class="top-nav" aria-label="Primary" data-i18n-aria="nav.primary"> <a class="top-nav-link is-active" href="/" aria-label="Home" data-i18n-aria="nav.home_label" title="Home" data-section-link="home"> <span class="top-nav-label" data-i18n="nav.home_label">Home</span> </a><a class="top-nav-link" href="/website/" aria-label="Website" data-i18n-aria="nav.website" title="Website" data-section-link="web"> <span class="top-nav-label" data-i18n="nav.website">Website</span> </a><a class="top-nav-link" href="/app/" aria-label="App" data-i18n-aria="nav.app" title="App" data-section-link="app"> <span class="top-nav-label" data-i18n="nav.app">App</span> </a><a class="top-nav-link" href="/app-screenshot/" aria-label="Screenshot" data-i18n-aria="nav.screenshot" title="Screenshot" data-section-link="screenshot"> <span class="top-nav-label" data-i18n="nav.screenshot">Screenshot</span> </a><a class="top-nav-link" href="/event/" aria-label="Event" data-i18n-aria="nav.event" title="Event" data-section-link="event"> <span class="top-nav-label" data-i18n="nav.event">Event</span> </a><a class="top-nav-link" href="/icon/" aria-label="Icon" data-i18n-aria="nav.icon" title="Icon" data-section-link="icon"> <span class="top-nav-label" data-i18n="nav.icon">Icon</span> </a><a class="top-nav-link" href="/tool/" aria-label="Tool" data-i18n-aria="nav.tool" title="Tool" data-section-link="tool"> <span class="top-nav-label" data-i18n="nav.tool">Tool</span> </a> </nav> <div class="nav-actions"> <button class="search-toggle" type="button" aria-label="Search" data-i18n-aria="search.label" data-search-toggle> <svg width="1em" height="1em" data-icon="lucide:search">   <symbol id="ai:lucide:search" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m21 21l-4.34-4.34"/><circle cx="11" cy="11" r="8"/></g></symbol><use href="#ai:lucide:search"></use>  </svg> </button>  </div> <div class="filter-dropdown" data-filter-dropdown hidden> <div class="filter-bar" aria-label="Filters" data-i18n-aria="section.filters">   <select class="filter-select" data-filter="color"> <option value="" selected data-i18n="filter.all_colors">All Colors</option> <option value="Multicolored" data-i18n-tag="Multicolored">Multicolored</option><option value="Blue" data-i18n-tag="Blue">Blue</option><option value="Red" data-i18n-tag="Red">Red</option><option value="Black" data-i18n-tag="Black">Black</option><option value="Yellow" data-i18n-tag="Yellow">Yellow</option><option value="Gray" data-i18n-tag="Gray">Gray</option><option value="White" data-i18n-tag="White">White</option><option value="Green" data-i18n-tag="Green">Green</option><option value="Brown" data-i18n-tag="Brown">Brown</option><option value="Purple" data-i18n-tag="Purple">Purple</option><option value="Pink" data-i18n-tag="Pink">Pink</option><option value="Orange" data-i18n-tag="Orange">Orange</option> </select>   <select class="filter-select" data-filter="industry"> <option value="" selected data-i18n="filter.all_industries">All Industries</option> <option value="Education" data-i18n-tag="Education">Education</option><option value="Developer Tools" data-i18n-tag="Developer Tools">Developer Tools</option><option value="Branding" data-i18n-tag="Branding">Branding</option><option value="Beauty" data-i18n-tag="Beauty">Beauty</option><option value="Food &#38; Delivery" data-i18n-tag="Food &#38; Delivery">Food &amp; Delivery</option><option value="Design Tools" data-i18n-tag="Design Tools">Design Tools</option><option value="Technology" data-i18n-tag="Technology">Technology</option><option value="Studio" data-i18n-tag="Studio">Studio</option><option value="Agency" data-i18n-tag="Agency">Agency</option><option value="Productivity" data-i18n-tag="Productivity">Productivity</option><option value="Corporate" data-i18n-tag="Corporate">Corporate</option><option value="Media" data-i18n-tag="Media">Media</option><option value="Real Estate" data-i18n-tag="Real Estate">Real Estate</option><option value="Blog" data-i18n-tag="Blog">Blog</option><option value="SaaS" data-i18n-tag="SaaS">SaaS</option><option value="E-commerce" data-i18n-tag="E-commerce">E-commerce</option><option value="Travel" data-i18n-tag="Travel">Travel</option><option value="Social" data-i18n-tag="Social">Social</option><option value="Marketplace" data-i18n-tag="Marketplace">Marketplace</option><option value="Finance" data-i18n-tag="Finance">Finance</option><option value="Automotive" data-i18n-tag="Automotive">Automotive</option><option value="Healthcare" data-i18n-tag="Healthcare">Healthcare</option><option value="Consumer Electronics" data-i18n-tag="Consumer Electronics">Consumer Electronics</option><option value="Platform" data-i18n-tag="Platform">Platform</option><option value="AI" data-i18n-tag="AI">AI</option><option value="Gaming" data-i18n-tag="Gaming">Gaming</option><option value="Magazine" data-i18n-tag="Magazine">Magazine</option> </select> <select class="filter-select" data-filter="style"> <option value="" selected data-i18n="filter.all_styles">All Styles</option> <option value="Illustration" data-i18n-tag="Illustration">Illustration</option><option value="Playful" data-i18n-tag="Playful">Playful</option><option value="Elegant" data-i18n-tag="Elegant">Elegant</option><option value="Modern" data-i18n-tag="Modern">Modern</option><option value="3D" data-i18n-tag="3D">3D</option><option value="Bold" data-i18n-tag="Bold">Bold</option><option value="Soft UI" data-i18n-tag="Soft UI">Soft UI</option><option value="Artistic" data-i18n-tag="Artistic">Artistic</option><option value="Clean" data-i18n-tag="Clean">Clean</option><option value="Minimalism" data-i18n-tag="Minimalism">Minimalism</option><option value="Apple-inspired" data-i18n-tag="Apple-inspired">Apple-inspired</option><option value="Startup Minimalism" data-i18n-tag="Startup Minimalism">Startup Minimalism</option><option value="AI Startup" data-i18n-tag="AI Startup">AI Startup</option><option value="Flat Design" data-i18n-tag="Flat Design">Flat Design</option><option value="High Contrast" data-i18n-tag="High Contrast">High Contrast</option><option value="Colorful" data-i18n-tag="Colorful">Colorful</option><option value="Corporate SaaS" data-i18n-tag="Corporate SaaS">Corporate SaaS</option><option value="Dark Mode" data-i18n-tag="Dark Mode">Dark Mode</option><option value="Visual-first" data-i18n-tag="Visual-first">Visual-first</option><option value="Monochrome" data-i18n-tag="Monochrome">Monochrome</option><option value="Neo-brutalism" data-i18n-tag="Neo-brutalism">Neo-brutalism</option><option value="Corporate" data-i18n-tag="Corporate">Corporate</option><option value="Experimental" data-i18n-tag="Experimental">Experimental</option><option value="Futuristic" data-i18n-tag="Futuristic">Futuristic</option><option value="Editorial" data-i18n-tag="Editorial">Editorial</option><option value="AI Native" data-i18n-tag="AI Native">AI Native</option><option value="Creator Economy" data-i18n-tag="Creator Economy">Creator Economy</option> </select> <select class="filter-select" data-filter="layouts"> <option value="" selected data-i18n="filter.all_layouts">All Layouts</option> <option value="Single Column" data-i18n-tag="Single Column">Single Column</option><option value="Fullscreen" data-i18n-tag="Fullscreen">Fullscreen</option><option value="Horizontal Layout" data-i18n-tag="Horizontal Layout">Horizontal Layout</option><option value="Hero-focused" data-i18n-tag="Hero-focused">Hero-focused</option><option value="Grid" data-i18n-tag="Grid">Grid</option><option value="Content-first" data-i18n-tag="Content-first">Content-first</option><option value="Image-driven" data-i18n-tag="Image-driven">Image-driven</option><option value="List-based" data-i18n-tag="List-based">List-based</option><option value="Tab Layout" data-i18n-tag="Tab Layout">Tab Layout</option><option value="Card-based" data-i18n-tag="Card-based">Card-based</option><option value="Bento Grid" data-i18n-tag="Bento Grid">Bento Grid</option><option value="Sidebar Layout" data-i18n-tag="Sidebar Layout">Sidebar Layout</option><option value="Modular Sections" data-i18n-tag="Modular Sections">Modular Sections</option><option value="Visual-first" data-i18n-tag="Visual-first">Visual-first</option><option value="Multi Column" data-i18n-tag="Multi Column">Multi Column</option><option value="Split Screen" data-i18n-tag="Split Screen">Split Screen</option><option value="Top Navigation" data-i18n-tag="Top Navigation">Top Navigation</option><option value="Hidden Menu" data-i18n-tag="Hidden Menu">Hidden Menu</option> </select> <select class="filter-select" data-filter="pageTypes"> <option value="" selected data-i18n="filter.all_page_types">All Page Types</option> <option value="Portfolio" data-i18n-tag="Portfolio">Portfolio</option><option value="Product Page" data-i18n-tag="Product Page">Product Page</option><option value="Dashboard" data-i18n-tag="Dashboard">Dashboard</option><option value="Blog Post" data-i18n-tag="Blog Post">Blog Post</option><option value="Documentation" data-i18n-tag="Documentation">Documentation</option><option value="Coming Soon" data-i18n-tag="Coming Soon">Coming Soon</option><option value="Landing Page" data-i18n-tag="Landing Page">Landing Page</option> </select>     <button class="filter-apply-btn" type="button" data-filter-apply data-i18n="listing.filter_apply">Apply</button> </div> </div> </div> </header> <main class="site-main">  <section class="home-hero" aria-labelledby="home-hero-title"> <h1 id="home-hero-title" class="home-hero__title" data-i18n-text-en="Design References for Better Decisions." data-i18n-text-zh="为每一次设计决策，找到更好的参考">Design References for Better Decisions.</h1> <form class="reeoo-search-form home-hero-search" action="/search/" method="get" role="search"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:search">   <use href="#ai:lucide:search"></use>  </svg> <label class="sr-only" for="home-hero-search-input">Search all design references</label> <input id="home-hero-search-input" type="search" name="q" autocomplete="off" placeholder="What are you designing today?" data-i18n-placeholder="home_search.placeholder"> <button class="reeoo-search-form__submit" type="submit" aria-label="Search" data-i18n-aria="search.submit"> <svg width="1em" height="1em" data-icon="lucide:arrow-right">   <symbol id="ai:lucide:arrow-right" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7l7 7l-7 7"/></symbol><use href="#ai:lucide:arrow-right"></use>  </svg> </button> </form> <div class="home-hero-showcase" aria-label="Latest design references"> <a class="home-hero-card home-hero-card--1 home-hero-card--event" href="/event/alibaba-com-6784217515/" title="Back-to-school season"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/alibaba-com-6784217515-landscape.png" alt="Back-to-school season event preview" loading="eager" decoding="async"> </span> <span class="home-hero-card__tip">Back-to-school season</span> </a><a class="home-hero-card home-hero-card--2 home-hero-card--event" href="/event/bandlab-6791875498/" title="Get pro-level FX chains fast"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/bandlab-6791875498-landscape.png" alt="Get pro-level FX chains fast event preview" loading="eager" decoding="async"> </span> <span class="home-hero-card__tip">Get pro-level FX chains fast</span> </a><a class="home-hero-card home-hero-card--3 home-hero-card--event" href="/event/canva-6764504340/" title="Turn ideas into quality prints"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/canva-6764504340-landscape.png" alt="Turn ideas into quality prints event preview" loading="eager" decoding="async"> </span> <span class="home-hero-card__tip">Turn ideas into quality prints</span> </a><a class="home-hero-card home-hero-card--4 home-hero-card--screenshot" href="/app-screenshot/myswimpro-2/" title="MySwimPro"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-1.jpg" alt="MySwimPro app screenshot" loading="eager" decoding="async"> </span> <span class="home-hero-card__tip">MySwimPro</span> </a><a class="home-hero-card home-hero-card--5 home-hero-card--screenshot" href="/app-screenshot/tripsy/" title="Tripsy"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/screenshot/tripsy-iphone-1.jpg" alt="Tripsy app screenshot" loading="lazy" decoding="async"> </span> <span class="home-hero-card__tip">Tripsy</span> </a><a class="home-hero-card home-hero-card--6 home-hero-card--screenshot" href="/app-screenshot/art-therapy/" title="Art Therapy"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/screenshot/art-therapy-iphone-1.jpg" alt="Art Therapy app screenshot" loading="lazy" decoding="async"> </span> <span class="home-hero-card__tip">Art Therapy</span> </a><a class="home-hero-card home-hero-card--7 home-hero-card--icon" href="/icon/art-therapy/" title="Art Therapy"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/art-therapy-icon.png" alt="Art Therapy app icon" loading="lazy" decoding="async"> </span> <span class="home-hero-card__tip">Art Therapy</span> </a><a class="home-hero-card home-hero-card--8 home-hero-card--screenshot" href="/app-screenshot/moodnotes/" title="Moodnotes"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/screenshot/moodnotes-iphone-1.jpg" alt="Moodnotes app screenshot" loading="lazy" decoding="async"> </span> <span class="home-hero-card__tip">Moodnotes</span> </a><a class="home-hero-card home-hero-card--9 home-hero-card--event" href="/event/dailybean-6784533676/" title="Sweet Summer Journal"> <span class="home-hero-card__frame"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/dailybean-6784533676-landscape.png" alt="Sweet Summer Journal event preview" loading="lazy" decoding="async"> </span> <span class="home-hero-card__tip">Sweet Summer Journal</span> </a> </div> <div class="home-dashboard-shell" aria-label="Design reference counts by category"> <div class="home-dashboard"> <div class="home-dashboard__stats"> <a class="home-dashboard__stat home-dashboard__stat--web" href="/website/"> <span class="home-dashboard__stat-icon" aria-hidden="true"> <svg width="1em" height="1em" data-icon="lucide:monitor">   <symbol id="ai:lucide:monitor" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="20" height="14" x="2" y="3" rx="2"/><path d="M8 21h8m-4-4v4"/></g></symbol><use href="#ai:lucide:monitor"></use>  </svg> </span> <span class="home-dashboard__stat-body"> <strong>4,395</strong> <span data-i18n-text-en="Websites" data-i18n-text-zh="网站精选">Websites</span> <small data-i18n-text-en="Website Examples" data-i18n-text-zh="网站案例">Website Examples</small> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-dashboard__stat home-dashboard__stat--app" href="/app/"> <span class="home-dashboard__stat-icon" aria-hidden="true"> <svg width="1em" height="1em" data-icon="lucide:tablet-smartphone">   <symbol id="ai:lucide:tablet-smartphone" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="10" height="14" x="3" y="8" rx="2"/><path d="M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4M8 18h.01"/></g></symbol><use href="#ai:lucide:tablet-smartphone"></use>  </svg> </span> <span class="home-dashboard__stat-body"> <strong>341</strong> <span data-i18n-text-en="Apps" data-i18n-text-zh="App 设计">Apps</span> <small data-i18n-text-en="App Designs" data-i18n-text-zh="App 设计">App Designs</small> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-dashboard__stat home-dashboard__stat--screenshot" href="/app-screenshot/"> <span class="home-dashboard__stat-icon" aria-hidden="true"> <svg width="1em" height="1em" data-icon="lucide:gallery-horizontal-end">   <symbol id="ai:lucide:gallery-horizontal-end" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 7v10M6 5v14"/><rect width="12" height="18" x="10" y="3" rx="2"/></g></symbol><use href="#ai:lucide:gallery-horizontal-end"></use>  </svg> </span> <span class="home-dashboard__stat-body"> <strong>519</strong> <span data-i18n-text-en="Screenshots" data-i18n-text-zh="App 截图">Screenshots</span> <small data-i18n-text-en="App Screenshot Sets" data-i18n-text-zh="App 截图集">App Screenshot Sets</small> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-dashboard__stat home-dashboard__stat--event" href="/event/"> <span class="home-dashboard__stat-icon" aria-hidden="true"> <svg width="1em" height="1em" data-icon="lucide:ratio">   <symbol id="ai:lucide:ratio" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="12" height="20" x="6" y="2" rx="2"/><rect width="20" height="12" x="2" y="6" rx="2"/></g></symbol><use href="#ai:lucide:ratio"></use>  </svg> </span> <span class="home-dashboard__stat-body"> <strong>120</strong> <span data-i18n-text-en="App Events" data-i18n-text-zh="App 活动">App Events</span> <small data-i18n-text-en="Event Designs" data-i18n-text-zh="App 活动设计">Event Designs</small> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-dashboard__stat home-dashboard__stat--icon" href="/icon/"> <span class="home-dashboard__stat-icon" aria-hidden="true"> <svg width="1em" height="1em" data-icon="lucide:component">   <symbol id="ai:lucide:component" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"/></symbol><use href="#ai:lucide:component"></use>  </svg> </span> <span class="home-dashboard__stat-body"> <strong>503</strong> <span data-i18n-text-en="Icons" data-i18n-text-zh="App 图标">Icons</span> <small data-i18n-text-en="Icon Designs" data-i18n-text-zh="App 图标设计">Icon Designs</small> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </div> </div> </div> </section> <section class="home-shell home-showcase-shell"> <section class="home-featured-section home-website-feature" aria-labelledby="home-featured-website-title"> <div class="home-website-feature__layout"> <div class="home-website-main"> <header class="home-section-header"> <div> <h2 id="home-featured-website-title" data-i18n-text-en="Featured Websites" data-i18n-text-zh="精选网站">Featured Websites</h2> <p data-i18n-text-en="Polished web ideas worth borrowing" data-i18n-text-zh="近期收录的网站案例">Polished web ideas worth borrowing</p> </div> <a class="home-section-link" href="/website/" aria-label="View all websites"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </header> <div class="home-website-slider" data-home-website-slider> <div class="home-website-slider__viewport" data-home-website-slider-viewport> <div class="home-website-slider__track"> <article class="home-website-slide"> <a class="home-website-slide__media" href="/website/stuff-nonsense-4/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/pioneering-web-design-in-north-wales-by-andy-clarke.png" alt="Stuff &#38; Nonsense website preview" loading="eager" decoding="async"> </a> <div class="home-website-slide__body"> <h3><a href="/website/stuff-nonsense-4/">Stuff &amp; Nonsense</a></h3> <div class="home-website-slide__meta"> <span data-i18n-tag="Playful">Playful</span><span data-i18n-tag="Artistic">Artistic</span> </div> </div> </article><article class="home-website-slide"> <a class="home-website-slide__media" href="/website/reflect-notes/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/reflect-notes.jpg" alt="Reflect Notes website preview" loading="eager" decoding="async"> </a> <div class="home-website-slide__body"> <h3><a href="/website/reflect-notes/">Reflect Notes</a></h3> <div class="home-website-slide__meta"> <span data-i18n-tag="Startup Minimalism">Startup Minimalism</span> </div> </div> </article><article class="home-website-slide"> <a class="home-website-slide__media" href="/website/parakeet-2/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/parakeet-2.png" alt="Parakeet website preview" loading="eager" decoding="async"> </a> <div class="home-website-slide__body"> <h3><a href="/website/parakeet-2/">Parakeet</a></h3> <div class="home-website-slide__meta"> <span data-i18n-tag="Playful">Playful</span> </div> </div> </article><article class="home-website-slide"> <a class="home-website-slide__media" href="/website/aside/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/aside.jpg" alt="Aside website preview" loading="lazy" decoding="async"> </a> <div class="home-website-slide__body"> <h3><a href="/website/aside/">Aside</a></h3> <div class="home-website-slide__meta"> <span data-i18n-tag="Apple-inspired">Apple-inspired</span><span data-i18n-tag="Startup Minimalism">Startup Minimalism</span> </div> </div> </article><article class="home-website-slide"> <a class="home-website-slide__media" href="/website/spline-2/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/spline-2.jpg" alt="Spline website preview" loading="lazy" decoding="async"> </a> <div class="home-website-slide__body"> <h3><a href="/website/spline-2/">Spline</a></h3> <div class="home-website-slide__meta"> <span data-i18n-tag="Futuristic">Futuristic</span><span data-i18n-tag="Playful">Playful</span> </div> </div> </article><article class="home-website-slide"> <a class="home-website-slide__media" href="/website/sketch-5/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/sketch-5.jpg" alt="Sketch website preview" loading="lazy" decoding="async"> </a> <div class="home-website-slide__body"> <h3><a href="/website/sketch-5/">Sketch</a></h3> <div class="home-website-slide__meta"> <span data-i18n-tag="Minimalism">Minimalism</span><span data-i18n-tag="Soft UI">Soft UI</span> </div> </div> </article> </div> </div> <div class="home-website-slider__thumbs" aria-label="Featured website previews"> <button class="home-website-slider__btn" type="button" aria-label="Previous website" data-home-website-slider-prev> <svg width="1em" height="1em" data-icon="lucide:arrow-left">   <symbol id="ai:lucide:arrow-left" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 19l-7-7l7-7m7 7H5"/></symbol><use href="#ai:lucide:arrow-left"></use>  </svg> </button> <div class="home-website-slider__thumb-list"> <button class="home-website-thumb is-active" type="button" aria-label="Show Stuff &#38; Nonsense" data-home-website-thumb="0"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/pioneering-web-design-in-north-wales-by-andy-clarke.png" alt="" loading="eager" decoding="async"> </button><button class="home-website-thumb" type="button" aria-label="Show Reflect Notes" data-home-website-thumb="1"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/reflect-notes.jpg" alt="" loading="eager" decoding="async"> </button><button class="home-website-thumb" type="button" aria-label="Show Parakeet" data-home-website-thumb="2"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/parakeet-2.png" alt="" loading="eager" decoding="async"> </button><button class="home-website-thumb" type="button" aria-label="Show Aside" data-home-website-thumb="3"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/aside.jpg" alt="" loading="lazy" decoding="async"> </button><button class="home-website-thumb" type="button" aria-label="Show Spline" data-home-website-thumb="4"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/spline-2.jpg" alt="" loading="lazy" decoding="async"> </button><button class="home-website-thumb" type="button" aria-label="Show Sketch" data-home-website-thumb="5"> <img src="https://img.reeoo.com/cdn-cgi/image/width=1440,height=960,fit=cover,gravity=top,quality=90,format=auto/sketch-5.jpg" alt="" loading="lazy" decoding="async"> </button> </div> <button class="home-website-slider__btn" type="button" aria-label="Next website" data-home-website-slider-next> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </button> </div> </div> </div> <aside class="home-website-styles" aria-labelledby="home-website-styles-title"> <div class="home-panel-header"> <div> <h2 id="home-website-styles-title" data-i18n-text-en="Style Combos" data-i18n-text-zh="风格组合">Style Combos</h2> <p data-i18n-text-en="Find a mood before you open the canvas" data-i18n-text-zh="按常见视觉风格整理">Find a mood before you open the canvas</p> </div> </div> <div class="home-website-style-list"> <div class="home-website-style-compact-list"> <a class="home-website-style-compact is-active" href="/website/style/modern/" data-home-style-item> <span class="home-website-style-compact__index">01</span> <span class="home-website-style-card__body"> <strong data-i18n-tag="Modern">Modern</strong> <small data-i18n-text-en="680 websites" data-i18n-text-zh="680 个网站">680 websites</small> </span> <span class="home-website-style-compact__details"> <span class="home-website-style-compact__intro" data-i18n-text-en="Explore modern website inspiration featuring clean layouts, contemporary typography, polished interactions, refined spacing, and current digital product aesthetics." data-i18n-text-zh="浏览现代风格网站灵感，涵盖简洁布局、当代排版、精致交互、考究间距与当下数字产品美学。">Explore modern website inspiration featuring clean layouts, contemporary typography, polished interactions, refined spacing, and current digital product aesthetics.</span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-website-style-compact" href="/website/style/illustration/" data-home-style-item> <span class="home-website-style-compact__index">02</span> <span class="home-website-style-card__body"> <strong data-i18n-tag="Illustration">Illustration</strong> <small data-i18n-text-en="215 websites" data-i18n-text-zh="215 个网站">215 websites</small> </span> <span class="home-website-style-compact__details"> <span class="home-website-style-compact__intro" data-i18n-text-en="Explore illustration website inspiration using custom artwork, playful visual metaphors, expressive scenes, and character-driven storytelling." data-i18n-text-zh="浏览插画风网站灵感，涵盖定制插画、俏皮视觉隐喻、表现力场景与角色驱动叙事。">Explore illustration website inspiration using custom artwork, playful visual metaphors, expressive scenes, and character-driven storytelling.</span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-website-style-compact" href="/website/style/playful/" data-home-style-item> <span class="home-website-style-compact__index">03</span> <span class="home-website-style-card__body"> <strong data-i18n-tag="Playful">Playful</strong> <small data-i18n-text-en="169 websites" data-i18n-text-zh="169 个网站">169 websites</small> </span> <span class="home-website-style-compact__details"> <span class="home-website-style-compact__intro" data-i18n-text-en="Browse playful website inspiration with friendly visuals, colorful systems, expressive motion, approachable interactions, and energetic digital experiences." data-i18n-text-zh="浏览活泼风格网站灵感，涵盖友好视觉、多彩体系、表现力动效、亲和交互与活力数字体验。">Browse playful website inspiration with friendly visuals, colorful systems, expressive motion, approachable interactions, and energetic digital experiences.</span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-website-style-compact" href="/website/style/elegant/" data-home-style-item> <span class="home-website-style-compact__index">04</span> <span class="home-website-style-card__body"> <strong data-i18n-tag="Elegant">Elegant</strong> <small data-i18n-text-en="155 websites" data-i18n-text-zh="155 个网站">155 websites</small> </span> <span class="home-website-style-compact__details"> <span class="home-website-style-compact__intro" data-i18n-text-en="Browse elegant website inspiration featuring refined typography, restrained palettes, premium spacing, and sophisticated editorial rhythm." data-i18n-text-zh="浏览优雅风格网站灵感，涵盖精致排版、克制配色、高级留白与成熟编辑节奏。">Browse elegant website inspiration featuring refined typography, restrained palettes, premium spacing, and sophisticated editorial rhythm.</span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-website-style-compact" href="/website/style/soft-ui/" data-home-style-item> <span class="home-website-style-compact__index">05</span> <span class="home-website-style-card__body"> <strong data-i18n-tag="Soft UI">Soft UI</strong> <small data-i18n-text-en="45 websites" data-i18n-text-zh="45 个网站">45 websites</small> </span> <span class="home-website-style-compact__details"> <span class="home-website-style-compact__intro" data-i18n-text-en="Explore soft UI website inspiration featuring rounded surfaces, subtle shadows, gentle lighting, smooth materials, and approachable product aesthetics." data-i18n-text-zh="浏览柔和界面网站灵感，涵盖圆润表面、微妙阴影、柔和光照、平滑材质与亲和产品美学。">Explore soft UI website inspiration featuring rounded surfaces, subtle shadows, gentle lighting, smooth materials, and approachable product aesthetics.</span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </div> </div> <div class="home-style-ad" aria-label="Sponsored"> <div data-carbon-ad> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIVKJ7&placement=reeoocom&format=cover" id="_carbonads_js"></script> <span class="ad-sponsored-badge" data-i18n="ad.sponsored">Sponsored</span> </div> </div> </aside> </div> </section> <section class="home-collection-panel home-collection-panel--apps" aria-labelledby="home-app-panel-title"> <header class="home-panel-header"> <div> <h2 id="home-app-panel-title" data-i18n-text-en="Apps" data-i18n-text-zh="App 设计">Apps</h2> <p data-i18n-text-en="Interfaces that turn good flows into memorable products" data-i18n-text-zh="移动端界面与交互参考">Interfaces that turn good flows into memorable products</p> </div> <a class="home-section-link" href="/app/" aria-label="View all apps"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </header> <div class="home-app-strip"> <a class="home-app-tile" href="/app/lemo-fm/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/apps/lemo-fm-welcome-start-iphone.png" alt="LEMO FM app screenshot" loading="eager" decoding="async"> <span> <strong>LEMO FM</strong> <small data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</small> </span> </a><a class="home-app-tile" href="/app/poolsuite-fm/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/apps/poolsuite-fm-splash-screen-iphone.png" alt="Poolsuite FM app screenshot" loading="eager" decoding="async"> <span> <strong>Poolsuite FM</strong> <small data-i18n-tag="Music">Music</small> </span> </a><a class="home-app-tile" href="/app/focusflight/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/apps/focusflight-home-map-mandritsara-iphone.png" alt="FocusFlight app screenshot" loading="eager" decoding="async"> <span> <strong>FocusFlight</strong> <small data-i18n-tag="Productivity">Productivity</small> </span> </a><a class="home-app-tile" href="/app/bento-foucs/"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/apps/bento-foucs-welcome-iphone.png" alt="Bento Foucs app screenshot" loading="lazy" decoding="async"> <span> <strong>Bento Foucs</strong> <small data-i18n-tag="Productivity">Productivity</small> </span> </a> </div> </section> <section class="home-collection-panel home-collection-panel--screenshots" aria-labelledby="home-screenshot-panel-title"> <header class="home-panel-header"> <div> <h2 id="home-screenshot-panel-title" data-i18n-text-en="Screenshots" data-i18n-text-zh="App 截图">Screenshots</h2> <p data-i18n-text-en="Storefront stories that make the first glance count" data-i18n-text-zh="App Store 截图版式参考">Storefront stories that make the first glance count</p> </div> <a class="home-section-link" href="/app-screenshot/" aria-label="View all screenshots"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </header> <div class="home-screenshot-grid"> <article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/myswimpro-2/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-1.jpg" alt="MySwimPro app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="eager" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-2.jpg" alt="MySwimPro app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="eager" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-3.jpg" alt="MySwimPro app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="eager" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/myswimpro-2/">MySwimPro</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/apple-watch/" title="Apple Watch"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 10v2.2l1.6 1m2.53-5.54l-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7l.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05"/><circle cx="12" cy="12" r="6"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/tripsy/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/tripsy-iphone-1.jpg" alt="Tripsy app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="eager" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/tripsy-iphone-2.jpg" alt="Tripsy app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="eager" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/tripsy-iphone-3.jpg" alt="Tripsy app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/tripsy/">Tripsy</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/mac/" title="Mac"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z"/><path d="M3.946 15.987h16.108"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/apple-watch/" title="Apple Watch"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 10v2.2l1.6 1m2.53-5.54l-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7l.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05"/><circle cx="12" cy="12" r="6"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/travel/" data-i18n-tag="Travel">Travel</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/art-therapy/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/art-therapy-iphone-1.jpg" alt="Art Therapy app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="eager" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/art-therapy-iphone-2.jpg" alt="Art Therapy app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/art-therapy-iphone-3.jpg" alt="Art Therapy app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/art-therapy/">Art Therapy</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/moodnotes/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/moodnotes-iphone-1.jpg" alt="Moodnotes app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/moodnotes-iphone-2.jpg" alt="Moodnotes app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/moodnotes-iphone-3.jpg" alt="Moodnotes app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/moodnotes/">Moodnotes</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/apple-watch/" title="Apple Watch"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 10v2.2l1.6 1m2.53-5.54l-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7l.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05"/><circle cx="12" cy="12" r="6"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/flipaclip/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/flipaclip-iphone-1.jpg" alt="FlipaClip app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/flipaclip-iphone-2.jpg" alt="FlipaClip app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/flipaclip-iphone-3.jpg" alt="FlipaClip app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/flipaclip/">FlipaClip</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/graphics-and-design/" data-i18n-tag="Graphics &#38; Design">Graphics &amp; Design</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/kino/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/kino-iphone-1.jpg" alt="Kino app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/kino-iphone-2.jpg" alt="Kino app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/kino-iphone-3.jpg" alt="Kino app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/kino/">Kino</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/photo-and-video/" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/luxroom/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/luxroom-iphone-1.jpg" alt="Luxroom app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/luxroom-iphone-2.jpg" alt="Luxroom app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/luxroom-iphone-3.jpg" alt="Luxroom app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/luxroom/">Luxroom</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/photo-and-video/" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/myswimpro/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-1.jpg" alt="MySwimPro app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-2.jpg" alt="MySwimPro app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/myswimpro-iphone-3.jpg" alt="MySwimPro app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/myswimpro/">MySwimPro</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/apple-watch/" title="Apple Watch"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 10v2.2l1.6 1m2.53-5.54l-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7l.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05"/><circle cx="12" cy="12" r="6"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/paste/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/paste-iphone-1.jpg" alt="Paste app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/paste-iphone-2.jpg" alt="Paste app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/paste-iphone-3.jpg" alt="Paste app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/paste/">Paste</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/mac/" title="Mac"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z"/><path d="M3.946 15.987h16.108"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/productivity/" data-i18n-tag="Productivity">Productivity</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/lemo-fm/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/lemo-fm-iphone-1.jpg" alt="LEMO FM app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/lemo-fm-iphone-2.jpg" alt="LEMO FM app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/lemo-fm-iphone-3.jpg" alt="LEMO FM app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/lemo-fm/">LEMO FM</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/bebo-cam/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/bebo-cam-iphone-1.jpg" alt="Bebo Cam app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/bebo-cam-iphone-2.jpg" alt="Bebo Cam app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/bebo-cam-iphone-3.jpg" alt="Bebo Cam app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/bebo-cam/">Bebo Cam</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/photo-and-video/" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a> </div> </div> </article><article class="case-card app-card screenshot-card home-screenshot-card"> <a class="screenshot-card__media is-portrait has-multiple" href="/app-screenshot/rocksmith-fast-music-learning-2/"> <span class="screenshot-card__preview"> <img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/rocksmith-fast-music-learning-iphone-1.jpg" alt="Rocksmith+ Fast Music Learning app screenshot 1" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/rocksmith-fast-music-learning-iphone-2.jpg" alt="Rocksmith+ Fast Music Learning app screenshot 2" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"><img class="screenshot-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/screenshot/rocksmith-fast-music-learning-iphone-3.jpg" alt="Rocksmith+ Fast Music Learning app screenshot 3" width="1290" height="2796" style="--shot-ratio:1290/2796" loading="lazy" decoding="async"> </span> </a> <div class="case-card__body"> <div class="card-title-row"> <h2> <a class="card-title-link" href="/app-screenshot/rocksmith-fast-music-learning-2/">Rocksmith+ Fast Music Learning</a> <a class="device-icon" href="/app-screenshot/platform/iphone/" title="iPhone"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a><a class="device-icon" href="/app-screenshot/platform/ipad/" title="iPad"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg> </a> </h2> </div> <div class="card-tags"> <a class="property-pill" href="/app-screenshot/category/education/" data-i18n-tag="Education">Education</a> </div> </div> </article> </div> </section> <section class="home-collection-panel home-collection-panel--events" aria-labelledby="home-event-panel-title"> <header class="home-panel-header"> <div> <h2 id="home-event-panel-title" data-i18n-text-en="Events" data-i18n-text-zh="App 活动">Events</h2> <p data-i18n-text-en="Campaign moments with visual energy and timing" data-i18n-text-zh="应用活动与运营视觉参考">Campaign moments with visual energy and timing</p> </div> <a class="home-section-link" href="/event/" aria-label="View all events"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </header> <div class="home-event-strip"> <article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/alibaba-com-6784217515/"> <video src="https://apptrailers.itunes.apple.com/itunes-assets/PurpleVideo221/v4/ba/0e/a0/ba0ea037-d2e3-fb99-5fb9-d884047a3a66/P1422785138_default.m3u8" poster="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/alibaba-com-6784217515-landscape.png" autoplay loop muted playsinline crossorigin="anonymous" data-hls-video class="case-card__video" style="aspect-ratio:16/9"></video> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/alibaba-com-6784217515/">Back-to-school season</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Shopping" data-i18n-tag="Shopping">Shopping</a> <a class="property-pill" href="/event/?visualStyleTags=Photography" data-i18n-tag="Photography">Photography</a> </div> <span class="card-colors"> <a class="card-color-dot color-orange" href="/event/?color=Orange" title="Orange"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/bandlab-6791875498/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/bandlab-6791875498-landscape.png" alt="Get pro-level FX chains fast event preview" width="640" height="360" style="aspect-ratio:16/9" loading="eager" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/bandlab-6791875498/">Get pro-level FX chains fast</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Music" data-i18n-tag="Music">Music</a> <a class="property-pill" href="/event/?visualStyleTags=3D" data-i18n-tag="3D">3D</a><a class="property-pill" href="/event/?visualStyleTags=UI%20Screenshot" data-i18n-tag="UI Screenshot">UI Screenshot</a> </div> <span class="card-colors"> <a class="card-color-dot color-black" href="/event/?color=Black" title="Black"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/canva-6764504340/"> <video src="https://apptrailers.itunes.apple.com/itunes-assets/PurpleVideo211/v4/a6/48/52/a64852e9-877b-8f58-6b82-c30a366638db/P1355685108_default.m3u8" poster="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/canva-6764504340-landscape.png" autoplay loop muted playsinline crossorigin="anonymous" data-hls-video class="case-card__video" style="aspect-ratio:16/9"></video> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/canva-6764504340/">Turn ideas into quality prints</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Photo%20%26%20Video" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a> <a class="property-pill" href="/event/?visualStyleTags=Minimal" data-i18n-tag="Minimal">Minimal</a><a class="property-pill" href="/event/?visualStyleTags=Flat" data-i18n-tag="Flat">Flat</a> </div> <span class="card-colors"> <a class="card-color-dot color-purple" href="/event/?color=Purple" title="Purple"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/dailybean-6784533676/"> <video src="https://apptrailers.itunes.apple.com/itunes-assets/PurpleVideo211/v4/2a/bb/e1/2abbe192-79e3-bda2-80fb-2e02d64ddf15/P1426608279_default.m3u8" poster="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/dailybean-6784533676-landscape.png" autoplay loop muted playsinline crossorigin="anonymous" data-hls-video class="case-card__video" style="aspect-ratio:16/9"></video> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/dailybean-6784533676/">Sweet Summer Journal</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Lifestyle" data-i18n-tag="Lifestyle">Lifestyle</a> <a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a><a class="property-pill" href="/event/?visualStyleTags=Flat" data-i18n-tag="Flat">Flat</a> </div> <span class="card-colors"> <a class="card-color-dot color-blue" href="/event/?color=Blue" title="Blue"></a><a class="card-color-dot color-green" href="/event/?color=Green" title="Green"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/goodreads-6784560767/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/goodreads-6784560767-landscape.png" alt="Summer Reading Challenge event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/goodreads-6784560767/">Summer Reading Challenge</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Books" data-i18n-tag="Books">Books</a> <a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a><a class="property-pill" href="/event/?visualStyleTags=Flat" data-i18n-tag="Flat">Flat</a> </div> <span class="card-colors"> <a class="card-color-dot color-multicolored" href="/event/?color=Multicolored" title="Multicolored"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/capcut-6783813414/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/capcut-6783813414-landscape.png" alt="CapCut x Minions &#38; Monsters event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/capcut-6783813414/">CapCut x Minions &amp; Monsters</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Photo%20%26%20Video" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a> <a class="property-pill" href="/event/?visualStyleTags=3D" data-i18n-tag="3D">3D</a><a class="property-pill" href="/event/?visualStyleTags=Character%20Art" data-i18n-tag="Character Art">Character Art</a> </div> <span class="card-colors"> <a class="card-color-dot color-yellow" href="/event/?color=Yellow" title="Yellow"></a><a class="card-color-dot color-orange" href="/event/?color=Orange" title="Orange"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/photo-widget-6790264812/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/photo-widget-6790264812-landscape.png" alt="Themes Full of Summer Vibes event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/photo-widget-6790264812/">Themes Full of Summer Vibes</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Graphics%20%26%20Design" data-i18n-tag="Graphics &#38; Design">Graphics &amp; Design</a> <a class="property-pill" href="/event/?visualStyleTags=3D" data-i18n-tag="3D">3D</a><a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a> </div> <span class="card-colors"> <a class="card-color-dot color-multicolored" href="/event/?color=Multicolored" title="Multicolored"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/camscanner-6790687484/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/camscanner-6790687484-landscape.png" alt="New semester, half the effort event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/camscanner-6790687484/">New semester, half the effort</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Productivity" data-i18n-tag="Productivity">Productivity</a> <a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a><a class="property-pill" href="/event/?visualStyleTags=Character%20Art" data-i18n-tag="Character Art">Character Art</a> </div> <span class="card-colors"> <a class="card-color-dot color-green" href="/event/?color=Green" title="Green"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/goodnotes-6790795348/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/goodnotes-6790795348-landscape.png" alt="New Semester, New Templates! event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/goodnotes-6790795348/">New Semester, New Templates!</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Productivity" data-i18n-tag="Productivity">Productivity</a> <a class="property-pill" href="/event/?visualStyleTags=Minimal" data-i18n-tag="Minimal">Minimal</a><a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a> </div> <span class="card-colors"> <a class="card-color-dot color-blue" href="/event/?color=Blue" title="Blue"></a><a class="card-color-dot color-white" href="/event/?color=White" title="White"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/carrot-weather-6790457043/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/carrot-weather-6790457043-landscape.png" alt="Trip Planner event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/carrot-weather-6790457043/">Trip Planner</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Weather" data-i18n-tag="Weather">Weather</a> <a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a><a class="property-pill" href="/event/?visualStyleTags=Flat" data-i18n-tag="Flat">Flat</a> </div> <span class="card-colors"> <a class="card-color-dot color-blue" href="/event/?color=Blue" title="Blue"></a><a class="card-color-dot color-yellow" href="/event/?color=Yellow" title="Yellow"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/duolingo-6779344171/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/duolingo-6779344171-landscape.png" alt="Duo Cup suits are here event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/duolingo-6779344171/">Duo Cup suits are here</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Education" data-i18n-tag="Education">Education</a> <a class="property-pill" href="/event/?visualStyleTags=Illustration" data-i18n-tag="Illustration">Illustration</a><a class="property-pill" href="/event/?visualStyleTags=Character%20Art" data-i18n-tag="Character Art">Character Art</a> </div> <span class="card-colors"> <a class="card-color-dot color-blue" href="/event/?color=Blue" title="Blue"></a><a class="card-color-dot color-green" href="/event/?color=Green" title="Green"></a> </span> </div> </article><article class="case-card event-card home-event-card"> <a class="case-card__media event-card__media" href="/event/book-tracker-6789884376/"> <img class="case-card__image event-card__image" src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/events/book-tracker-6789884376-landscape.png" alt="Library Power-Up event preview" width="640" height="360" style="aspect-ratio:16/9" loading="lazy" decoding="async"> </a> <div class="case-card__body"> <div class="card-title-row"> <h2><a class="card-title-link" href="/event/book-tracker-6789884376/">Library Power-Up</a></h2> </div> <div class="card-tags"> <a class="property-pill" href="/event/?category=Books" data-i18n-tag="Books">Books</a> <a class="property-pill" href="/event/?visualStyleTags=3D" data-i18n-tag="3D">3D</a><a class="property-pill" href="/event/?visualStyleTags=UI%20Screenshot" data-i18n-tag="UI Screenshot">UI Screenshot</a> </div> <span class="card-colors"> <a class="card-color-dot color-white" href="/event/?color=White" title="White"></a><a class="card-color-dot color-gray" href="/event/?color=Gray" title="Gray"></a> </span> </div> </article> </div> </section> <section class="home-collection-panel home-collection-panel--icons" aria-labelledby="home-icon-panel-title"> <header class="home-panel-header"> <div> <h2 id="home-icon-panel-title" data-i18n-text-en="Icons" data-i18n-text-zh="App 图标">Icons</h2> <p data-i18n-text-en="Small symbols with big product personality" data-i18n-text-zh="应用图标与风格分类">Small symbols with big product personality</p> </div> <a class="home-section-link" href="/icon/" aria-label="View all icons"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </header> <div class="home-icon-showcase"> <div class="home-icon-row"> <a class="home-icon-tile" href="/icon/art-therapy/" title="Art Therapy"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/art-therapy-icon.png" alt="Art Therapy app icon" loading="eager" decoding="async"> </a><a class="home-icon-tile" href="/icon/sparrow/" title="Sparrow"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/sparrow-icon.png" alt="Sparrow app icon" loading="eager" decoding="async"> </a><a class="home-icon-tile" href="/icon/debt-tracker-app-by-undebt/" title="Debt Tracker App by UnDebt"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/debt-tracker-app-by-undebt-icon.png" alt="Debt Tracker App by UnDebt app icon" loading="eager" decoding="async"> </a><a class="home-icon-tile" href="/icon/flipaclip/" title="FlipaClip"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/flipaclip-icon.png" alt="FlipaClip app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/callsheet/" title="Callsheet"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/callsheet-icon.png" alt="Callsheet app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/kino/" title="Kino"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/kino-icon.png" alt="Kino app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/gamery/" title="Gamery"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/gamery-icon.png" alt="Gamery app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/linx-camera/" title="Linx Camera"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/linx-camera-icon.png" alt="Linx Camera app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/luxroom/" title="Luxroom"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/luxroom-icon.png" alt="Luxroom app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/billy/" title="Billy"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/billy-icon.png" alt="Billy app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/pixel-wild/" title="Pixel Wild"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/pixel-wild-icon.png" alt="Pixel Wild app icon" loading="lazy" decoding="async"> </a><a class="home-icon-tile" href="/icon/dust-to-cosmos/" title="Dust to Cosmos"> <img src="https://img.reeoo.com/cdn-cgi/image/width=720,fit=scale-down,quality=95,format=auto/icons/dust-to-cosmos-icon.png" alt="Dust to Cosmos app icon" loading="lazy" decoding="async"> </a> </div> <div class="home-icon-style-list" aria-label="Icon styles"> <a class="home-icon-style-chip" href="/icon/style/minimalism/"> <span data-i18n-tag="Minimalism">Minimalism</span> <small>203</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/startup-minimalism/"> <span data-i18n-tag="Startup Minimalism">Startup Minimalism</span> <small>128</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/skeuomorphism/"> <span data-i18n-tag="Skeuomorphism">Skeuomorphism</span> <small>77</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/ai-native/"> <span data-i18n-tag="AI Native">AI Native</span> <small>33</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/glassmorphism/"> <span data-i18n-tag="Glassmorphism">Glassmorphism</span> <small>23</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/retro-tech/"> <span data-i18n-tag="Retro Tech">Retro Tech</span> <small>23</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/visionos-style/"> <span data-i18n-tag="visionOS Style">visionOS Style</span> <small>22</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/corporate/"> <span data-i18n-tag="Corporate">Corporate</span> <small>20</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/illustrative/"> <span data-i18n-tag="Illustrative">Illustrative</span> <small>12</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-icon-style-chip" href="/icon/style/geometric/"> <span data-i18n-tag="Geometric">Geometric</span> <small>11</small> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </div> </div> </section> <section class="home-collection-panel home-collection-panel--tools" aria-labelledby="home-tool-panel-title"> <header class="home-panel-header"> <div> <h2 id="home-tool-panel-title" data-i18n-text-en="Tools" data-i18n-text-zh="设计工具">Tools</h2> <p data-i18n-text-en="Helpful tools that move ideas closer to launch" data-i18n-text-zh="设计与创作相关工具">Helpful tools that move ideas closer to launch</p> </div> <a class="home-section-link" href="/tool/" aria-label="View all tools"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </header> <div class="home-tool-grid"> <a class="home-tool-card" href="/tool/pencil/"> <span class="home-tool-card__logo"> <img src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/icons/pencil-icon.png" width="48" height="48" alt="Pencil logo" loading="eager" decoding="async"> </span> <span class="home-tool-card__body"> <strong>Pencil</strong> <small data-i18n-text-en="Design UI visually on a canvas directly inside your IDE" data-i18n-text-zh="直接在编辑器中通过画布进行界面设计">Design UI visually on a canvas directly inside your IDE</small> <span class="home-tool-card__categories"> <span data-i18n-text-en="Design" data-i18n-text-zh="设计">Design</span><span data-i18n-text-en="Prototype" data-i18n-text-zh="原型">Prototype</span> </span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-tool-card" href="/tool/react-bits/"> <span class="home-tool-card__logo"> <img src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/icons/react-bits.png" width="48" height="48" alt="React Bits logo" loading="eager" decoding="async"> </span> <span class="home-tool-card__body"> <strong>React Bits</strong> <small data-i18n-text-en="Add polished, expressive motion to React interfaces" data-i18n-text-zh="给 React 界面加上自然、有表现力的动效">Add polished, expressive motion to React interfaces</small> <span class="home-tool-card__categories"> <span data-i18n-text-en="Prototype" data-i18n-text-zh="原型">Prototype</span><span data-i18n-text-en="Animation &#38; Motion" data-i18n-text-zh="动画与动效">Animation &amp; Motion</span> </span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-tool-card" href="/tool/transitions-dev/"> <span class="home-tool-card__logo"> <img src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/icons/transitions-dev.png" width="48" height="48" alt="Transitions.dev logo" loading="eager" decoding="async"> </span> <span class="home-tool-card__body"> <strong>Transitions.dev</strong> <small data-i18n-text-en="Make common UI transitions feel smooth with copy-ready code" data-i18n-text-zh="用现成代码让常见界面过渡更自然">Make common UI transitions feel smooth with copy-ready code</small> <span class="home-tool-card__categories"> <span data-i18n-text-en="Design" data-i18n-text-zh="设计">Design</span><span data-i18n-text-en="Animation &#38; Motion" data-i18n-text-zh="动画与动效">Animation &amp; Motion</span> </span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-tool-card" href="/tool/cursor/"> <span class="home-tool-card__logo"> <img src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/icons/cursor-icon.png" width="48" height="48" alt="Cursor logo" loading="lazy" decoding="async"> </span> <span class="home-tool-card__body"> <strong>Cursor</strong> <small data-i18n-text-en="AI code editor for codebase-aware implementation work." data-i18n-text-zh="用于理解代码库并辅助实现的 AI 代码编辑器。">AI code editor for codebase-aware implementation work.</small> <span class="home-tool-card__categories"> <span data-i18n-text-en="Developer" data-i18n-text-zh="开发">Developer</span> </span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-tool-card" href="/tool/figma/"> <span class="home-tool-card__logo"> <img src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/icons/figma-icon.png" width="48" height="48" alt="Figma logo" loading="lazy" decoding="async"> </span> <span class="home-tool-card__body"> <strong>Figma</strong> <small data-i18n-text-en="Collaborative interface design, prototyping, and product-building tool." data-i18n-text-zh="协作式界面设计、原型与产品构建工具">Collaborative interface design, prototyping, and product-building tool.</small> <span class="home-tool-card__categories"> <span data-i18n-text-en="Design" data-i18n-text-zh="设计">Design</span><span data-i18n-text-en="Prototype" data-i18n-text-zh="原型">Prototype</span> </span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a><a class="home-tool-card" href="/tool/framer/"> <span class="home-tool-card__logo"> <img src="https://img.reeoo.com/cdn-cgi/image/width=360,fit=scale-down,quality=95,format=auto/icons/framer-icon.png" width="48" height="48" alt="Framer logo" loading="lazy" decoding="async"> </span> <span class="home-tool-card__body"> <strong>Framer</strong> <small data-i18n-text-en="Visual website builder for responsive, animated, production-ready pages." data-i18n-text-zh="用于响应式动效网站设计与发布的可视化建站工具。">Visual website builder for responsive, animated, production-ready pages.</small> <span class="home-tool-card__categories"> <span data-i18n-text-en="Design" data-i18n-text-zh="设计">Design</span><span data-i18n-text-en="Prototype" data-i18n-text-zh="原型">Prototype</span> </span> </span> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </a> </div> </section> </section> <script>
			const sliders = document.querySelectorAll('[data-home-website-slider]');
			sliders.forEach((slider) => {
				const viewport = slider.querySelector('[data-home-website-slider-viewport]');
				const slides = [...slider.querySelectorAll('.home-website-slide')];
				const prev = slider.querySelector('[data-home-website-slider-prev]');
				const next = slider.querySelector('[data-home-website-slider-next]');
				const current = slider.querySelector('[data-home-website-slider-current]');
				const progress = slider.querySelector('[data-home-website-slider-progress]');
				const thumbs = [...slider.querySelectorAll('[data-home-website-thumb]')];
				let index = 0;
				let autoplayTimer = null;

				const update = (behavior = 'smooth') => {
					const slide = slides[index];
					if (!viewport || !slide) return;
					viewport.scrollTo({ left: slide.offsetLeft, behavior });
					if (current) current.textContent = String(index + 1);
					if (progress) progress.style.inlineSize = `${((index + 1) / Math.max(slides.length, 1)) * 100}%`;
					slides.forEach((item, itemIndex) => item.classList.toggle('is-active', itemIndex === index));
					thumbs.forEach((item, itemIndex) => item.classList.toggle('is-active', itemIndex === index));
					if (prev) prev.disabled = index === 0;
					if (next) next.disabled = index === slides.length - 1;
				};

				const stopAutoplay = () => {
					if (autoplayTimer) window.clearInterval(autoplayTimer);
					autoplayTimer = null;
				};

				const startAutoplay = () => {
					stopAutoplay();
					if (slides.length < 2) return;
					autoplayTimer = window.setInterval(() => {
						index = (index + 1) % slides.length;
						update();
					}, 5000);
				};

				const restartAutoplay = () => {
					startAutoplay();
				};

				prev?.addEventListener('click', () => {
					index = Math.max(0, index - 1);
					update();
					restartAutoplay();
				});
				next?.addEventListener('click', () => {
					index = Math.min(slides.length - 1, index + 1);
					update();
					restartAutoplay();
				});
				thumbs.forEach((thumb, thumbIndex) => {
					thumb.addEventListener('click', () => {
						index = thumbIndex;
						update();
						restartAutoplay();
					});
				});
				window.addEventListener('resize', () => update('auto'));
				update('auto');
				startAutoplay();
			});

			document.querySelectorAll('.home-website-style-compact-list').forEach((list) => {
				const items = [...list.querySelectorAll('[data-home-style-item]')];
				if (!items.length) return;

				const setActive = (activeItem) => {
					items.forEach((item) => item.classList.toggle('is-active', item === activeItem));
				};

				items.forEach((item) => {
					item.addEventListener('mouseenter', () => setActive(item));
					item.addEventListener('focus', () => setActive(item));
				});
			});
		</script>  </main>  <footer class="site-footer"> <div class="footer-row"> <div class="footer-left"> <div class="footer-stats-group"> <div class="footer-col"> <strong class="footer-col-title"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:monitor">   <use href="#ai:lucide:monitor"></use>  </svg>4,395 websites</strong> <ul class="footer-col-list"> <li><a href="/website/industry/studio/" data-i18n-tag="Studio">Studio</a></li><li><a href="/website/industry/productivity/" data-i18n-tag="Productivity">Productivity</a></li><li><a href="/website/industry/agency/" data-i18n-tag="Agency">Agency</a></li><li><a href="/website/industry/developer-tools/" data-i18n-tag="Developer Tools">Developer Tools</a></li><li><a href="/website/industry/food-and-delivery/" data-i18n-tag="Food &#38; Delivery">Food &amp; Delivery</a></li><li><a href="/website/industry/media/" data-i18n-tag="Media">Media</a></li><li><a href="/website/industry/branding/" data-i18n-tag="Branding">Branding</a></li><li><a href="/website/industry/design-tools/" data-i18n-tag="Design Tools">Design Tools</a></li><li><a href="/website/industry/corporate/" data-i18n-tag="Corporate">Corporate</a></li><li><a href="/website/industry/saas/" data-i18n-tag="SaaS">SaaS</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-col-title"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:tablet-smartphone">   <use href="#ai:lucide:tablet-smartphone"></use>  </svg>341 apps</strong> <ul class="footer-col-list"> <li><a href="/app/category/food-and-drink/" data-i18n-tag="Food &#38; Drink">Food &amp; Drink</a></li><li><a href="/app/category/travel/" data-i18n-tag="Travel">Travel</a></li><li><a href="/app/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a></li><li><a href="/app/category/photo-and-video/" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a></li><li><a href="/app/category/productivity/" data-i18n-tag="Productivity">Productivity</a></li><li><a href="/app/category/education/" data-i18n-tag="Education">Education</a></li><li><a href="/app/category/social-networking/" data-i18n-tag="Social Networking">Social Networking</a></li><li><a href="/app/category/games/" data-i18n-tag="Games">Games</a></li><li><a href="/app/category/music/" data-i18n-tag="Music">Music</a></li><li><a href="/app/category/weather/" data-i18n-tag="Weather">Weather</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-col-title"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:gallery-horizontal-end">   <use href="#ai:lucide:gallery-horizontal-end"></use>  </svg>519 screenshots</strong> <ul class="footer-col-list"> <li><a href="/app-screenshot/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a></li><li><a href="/app-screenshot/category/productivity/" data-i18n-tag="Productivity">Productivity</a></li><li><a href="/app-screenshot/category/education/" data-i18n-tag="Education">Education</a></li><li><a href="/app-screenshot/category/photo-and-video/" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a></li><li><a href="/app-screenshot/category/social-networking/" data-i18n-tag="Social Networking">Social Networking</a></li><li><a href="/app-screenshot/category/entertainment/" data-i18n-tag="Entertainment">Entertainment</a></li><li><a href="/app-screenshot/category/lifestyle/" data-i18n-tag="Lifestyle">Lifestyle</a></li><li><a href="/app-screenshot/category/travel/" data-i18n-tag="Travel">Travel</a></li><li><a href="/app-screenshot/category/music/" data-i18n-tag="Music">Music</a></li><li><a href="/app-screenshot/category/sports/" data-i18n-tag="Sports">Sports</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-col-title"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:ratio">   <use href="#ai:lucide:ratio"></use>  </svg>120 events</strong> <ul class="footer-col-list"> <li><a href="/event/?category=Productivity" data-i18n-tag="Productivity">Productivity</a></li><li><a href="/event/?category=Health%20%26%20Fitness" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a></li><li><a href="/event/?category=Photo%20%26%20Video" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a></li><li><a href="/event/?category=Music" data-i18n-tag="Music">Music</a></li><li><a href="/event/?category=Social%20Networking" data-i18n-tag="Social Networking">Social Networking</a></li><li><a href="/event/?category=Entertainment" data-i18n-tag="Entertainment">Entertainment</a></li><li><a href="/event/?category=Graphics%20%26%20Design" data-i18n-tag="Graphics &#38; Design">Graphics &amp; Design</a></li><li><a href="/event/?category=Education" data-i18n-tag="Education">Education</a></li><li><a href="/event/?category=Weather" data-i18n-tag="Weather">Weather</a></li><li><a href="/event/?category=Lifestyle" data-i18n-tag="Lifestyle">Lifestyle</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-col-title"><svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:component">   <use href="#ai:lucide:component"></use>  </svg>503 icons</strong> <ul class="footer-col-list"> <li><a href="/icon/category/productivity/" data-i18n-tag="Productivity">Productivity</a></li><li><a href="/icon/category/photo-and-video/" data-i18n-tag="Photo &#38; Video">Photo &amp; Video</a></li><li><a href="/icon/category/health-and-fitness/" data-i18n-tag="Health &#38; Fitness">Health &amp; Fitness</a></li><li><a href="/icon/category/music/" data-i18n-tag="Music">Music</a></li><li><a href="/icon/category/food-and-drink/" data-i18n-tag="Food &#38; Drink">Food &amp; Drink</a></li><li><a href="/icon/category/games/" data-i18n-tag="Games">Games</a></li><li><a href="/icon/category/education/" data-i18n-tag="Education">Education</a></li><li><a href="/icon/category/travel/" data-i18n-tag="Travel">Travel</a></li><li><a href="/icon/category/social-networking/" data-i18n-tag="Social Networking">Social Networking</a></li><li><a href="/icon/category/utilities/" data-i18n-tag="Utilities">Utilities</a></li> </ul> </div> </div> </div> <div class="footer-right"> <div class="footer-tools"> <a class="social-link" href="https://twitter.com/reeoocom" target="_blank" rel="noreferrer" aria-label="Twitter" title="Twitter"> <svg width="1em" height="1em" data-icon="simple-icons:x">   <symbol id="ai:simple-icons:x" viewBox="0 0 24 24"><path fill="currentColor" d="M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z"/></symbol><use href="#ai:simple-icons:x"></use>  </svg> </a> <span class="social-link social-link--wechat" aria-label="WeChat" title="WeChat" tabindex="0"> <svg width="1em" height="1em" data-icon="simple-icons:wechat">   <symbol id="ai:simple-icons:wechat" viewBox="0 0 24 24"><path fill="currentColor" d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213c0 .163.13.295.29.295a.33.33 0 0 0 .167-.054l1.903-1.114a.86.86 0 0 1 .717-.098a10.2 10.2 0 0 0 2.837.403c.276 0 .543-.027.811-.05c-.857-2.578.157-4.972 1.932-6.446c1.703-1.415 3.882-1.98 5.853-1.838c-.576-3.583-4.196-6.348-8.596-6.348M5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178a1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18m5.34 2.867c-1.797-.052-3.746.512-5.28 1.786c-1.72 1.428-2.687 3.72-1.78 6.22c.942 2.453 3.666 4.229 6.884 4.229c.826 0 1.622-.12 2.361-.336a.72.72 0 0 1 .598.082l1.584.926a.3.3 0 0 0 .14.047c.134 0 .24-.111.24-.247c0-.06-.023-.12-.038-.177l-.327-1.233a.6.6 0 0 1-.023-.156a.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983a.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983a.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982"/></symbol><use href="#ai:simple-icons:wechat"></use>  </svg> <img class="wechat-qr" src="/assets/reeoo-wechat-qrcode.jpg" alt="Reeoo WeChat QR Code" width="160" height="160" loading="lazy"> </span> <a class="social-link" href="https://www.pinterest.com/reeoocom/" target="_blank" rel="noreferrer" aria-label="Pinterest" title="Pinterest"> <svg width="1em" height="1em" data-icon="simple-icons:pinterest">   <symbol id="ai:simple-icons:pinterest" viewBox="0 0 24 24"><path fill="currentColor" d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162c-.105-.949-.199-2.403.041-3.439c.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911c1.024 0 1.518.769 1.518 1.688c0 1.029-.653 2.567-.992 3.992c-.285 1.193.6 2.165 1.775 2.165c2.128 0 3.768-2.245 3.768-5.487c0-2.861-2.063-4.869-5.008-4.869c-3.41 0-5.409 2.562-5.409 5.199c0 1.033.394 2.143.889 2.741c.099.12.112.225.085.345c-.09.375-.293 1.199-.334 1.363c-.053.225-.172.271-.401.165c-1.495-.69-2.433-2.878-2.433-4.646c0-3.776 2.748-7.252 7.92-7.252c4.158 0 7.392 2.967 7.392 6.923c0 4.135-2.607 7.462-6.233 7.462c-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146c1.123.345 2.306.535 3.55.535c6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z"/></symbol><use href="#ai:simple-icons:pinterest"></use>  </svg> </a> <a class="social-link" href="/cdn-cgi/l/email-protection#acdec9c9c3c3ecdec9c9c3c382cfc3c1" aria-label="Email" title="Email"> <svg width="1em" height="1em" data-icon="lucide:mail">   <symbol id="ai:lucide:mail" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7"/><rect width="20" height="16" x="2" y="4" rx="2"/></g></symbol><use href="#ai:lucide:mail"></use>  </svg> </a> <button class="lang-switch" type="button" data-lang-switch aria-label="Switch language"> <span class="lang-opt" data-lang-opt="en">EN</span> <span class="lang-opt" data-lang-opt="zh">ZH</span> </button> <button class="theme-toggle" type="button" aria-label="Toggle color theme" data-i18n-aria="theme.toggle" data-theme-toggle> <span class="theme-toggle-icon theme-toggle-icon--sun"><svg width="1em" height="1em" data-icon="lucide:sun">   <symbol id="ai:lucide:sun" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></g></symbol><use href="#ai:lucide:sun"></use>  </svg></span> <span class="theme-toggle-icon theme-toggle-icon--moon"><svg width="1em" height="1em" data-icon="lucide:moon">   <symbol id="ai:lucide:moon" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"/></symbol><use href="#ai:lucide:moon"></use>  </svg></span> </button> </div> </div> </div> <div class="footer-row footer-row__bottom"> <div class="footer-desc"> <a class="footer-logo" href="/" aria-label="Reeoo home"> <svg width="24" height="24" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M32 30H115C136.5 30 152 44.5 152 63.5C152 80.5 138 90 120 90H69" stroke="currentColor" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M80 110H121" stroke="currentColor" stroke-width="12" stroke-linecap="round"></path> <path d="M88 130H131" stroke="currentColor" stroke-width="12" stroke-linecap="round"></path> <path d="M98 150H143" stroke="currentColor" stroke-width="12" stroke-linecap="round"></path> </svg> </a> <span data-i18n="site.footer_desc">Design References for Better Decisions.</span> </div> <div class="footer-copyright-group"> <span>© 2026 Reeoo. All rights reserved.</span> <span>Since 2009</span> <nav class="footer-nav" aria-label="Footer" data-i18n-aria="nav.footer_label"> <a href="/about/" data-i18n="nav.about">About</a> <a href="/links/" data-i18n="nav.links">Links</a> </nav> </div> </div> </footer> </div> <div class="search-overlay" data-search-overlay hidden> <div class="search-overlay__backdrop" data-search-backdrop></div> <div class="search-overlay__panel" role="dialog" aria-label="Search" data-i18n-aria="search.label"> <form class="reeoo-search-form search-overlay__form" action="/search/" method="get" role="search" data-site-search-form data-astro-reload> <svg width="1em" height="1em" viewBox="0 0 24 24" class="reeoo-search-form__icon search-overlay__icon" data-icon="lucide:search">   <use href="#ai:lucide:search"></use>  </svg> <input id="site-search" type="search" name="q" autocomplete="off" placeholder="Search all design references" data-i18n-placeholder="search.placeholder_all" data-site-search>  <button class="reeoo-search-form__submit" type="submit" aria-label="Search" data-i18n-aria="search.submit"> <svg width="1em" height="1em" viewBox="0 0 24 24" data-icon="lucide:arrow-right">   <use href="#ai:lucide:arrow-right"></use>  </svg> </button> </form> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/json" id="i18n-dict">{"en":{"site.title":"Reeoo","site.description":"Reeoo is a design reference and inspiration platform featuring curated website, app, icon, and logo designs. Browse by color and industry to quickly find ideas, compare visuals, and make better design decisions.","site.footer_desc":"Design References for Better Decisions.","nav.home":"Reeoo home","nav.home_label":"Home","nav.website":"Website","nav.product":"Product","nav.tool":"Tool","nav.app":"App","nav.screenshot":"Screenshot","nav.icon":"Icon","nav.event":"Event","nav.primary":"Primary","nav.about":"About","nav.links":"Links","nav.footer_label":"Footer","search.label":"Search","search.placeholder_web":"Search web","search.placeholder_all":"Search all design references","search.placeholder_product":"Search products","search.placeholder_tool":"Search tool","search.placeholder_app":"Search app","search.placeholder_screenshot":"Search app screenshots","search.placeholder_icon":"Search icon","search.placeholder_tool_library":"Search AI tools, color palettes, icon libraries...","search.submit":"Search","search.close":"Close search","search.tooltip":"Search","search.filter_all":"All","search.start":"Start with a search term.","search.loading":"Searching...","search.empty":"No results found.","search.failed":"Search failed. Please try again.","search.results_count":"{count} results","home_search.title":"Start with the right reference.","home_search.description":"Describe what you are making, and Reeoo will help you uncover polished references, sharper patterns, and fresh directions before the blank page wins.","home_search.placeholder":"What are you designing today?","home_search.example_pricing":"Design a SaaS pricing page","home_search.example_onboarding":"Create a mobile onboarding flow","home_search.example_icon":"Find an app icon direction","theme.toggle":"Toggle color theme","theme.light":"Switch to light mode","theme.dark":"Switch to dark mode","page.home_title":"Reeoo – Design References for Better Decisions","page.home_desc":"Reeoo curates standout websites, apps, screenshots, events, icons, and tools so designers can spot stronger patterns, compare ideas faster, and make better creative decisions.","page.web_title":"Website – Reeoo","page.web_desc":"Explore curated website design references, including landing pages, visual styles, interaction patterns, and web design examples to help designers find inspiration and make better website design decisions.","page.product_title":"Product – Reeoo","page.product_desc":"Browse product-level design references that connect websites, app UI, screenshots, icons, and App Store events.","page.tool_title":"Tool – Reeoo","page.tool_desc":"Curated tools for turning design inspiration into real products — from generation and editing to layout, prototyping, development, and launch.","page.app_title":"App – Reeoo","page.app_desc":"Explore curated app design references, including mobile UI, interaction patterns, visual styles, and product design examples to help designers find inspiration and make better app design decisions.","page.screenshot_title":"App Screenshot – Reeoo","page.screenshot_desc":"Explore App Store screenshot references across iPhone, iPad, Apple Watch, Mac, and more platforms.","page.icon_title":"Icon – Reeoo","page.icon_desc":"Browse curated icon and app icon design references by style, color, and visual form to discover high-quality examples, find inspiration, and create clearer brand visuals.","page.about_title":"About – Reeoo","page.links_title":"Links – Reeoo","page.links_desc":"Reeoo friendly links and related design resources.","page.event_title":"Event – Reeoo","page.event_desc":"Explore App Store Event design references, including event cards, promotional artwork, and in-app event visuals.","page.categories_title":"Categories – Reeoo","404.subtitle":"Lost in design space","404.back":"Back to Home","section.web_db":"Website database","section.product_db":"Product database","section.tool_db":"Tool database","section.app_db":"App database","section.screenshot_db":"App screenshot database","section.icon_db":"Icon database","section.event_db":"Event database","section.filters":"Filters","section.web_grid":"Website cases","section.product_grid":"Product references","section.tool_grid":"Tools","section.app_grid":"App cases","section.screenshot_grid":"App screenshot cases","section.icon_grid":"App icons","section.event_grid":"Event cases","filter.device":"Device","filter.colors":"Colors","filter.category":"Category","filter.tags":"Tags","filter.key_color":"Color","filter.key_category":"Category","filter.key_industry":"Industry","filter.key_visualFamily":"Visual Category","filter.key_style":"Style","filter.key_renderingStyle":"Rendering Style","filter.key_objectCategory":"Subject Type","filter.key_typography":"Typography","filter.key_eraStyle":"Era Style","filter.key_layout":"Layout","filter.key_page-type":"Page Type","filter.key_composition":"Composition","filter.key_content":"Subjects","filter.key_colorScheme":"Color Scheme","filter.key_depth":"Depth","filter.key_visualMood":"Brand Mood","filter.key_material":"Material","filter.key_lighting":"Lighting","filter.key_device":"Device","filter.key_platform":"Platform","filter.key_eventType":"Event Type","filter.key_mediaType":"Media Type","filter.key_region":"Region","filter.key_layoutTags":"Event Layout","filter.key_visualStyleTags":"Visual Style","filter.key_contentThemeTags":"Theme","filter.all_devices":"All Devices","filter.all_platforms":"All Platforms","filter.all_colors":"All Colors","filter.all_categories":"All Categories","filter.all_styles":"All Styles","filter.all_industries":"All Industries","filter.all_typography":"All Typography","filter.all_era_styles":"All Era Styles","filter.all_visual_families":"All Visual Categories","filter.all_rendering_styles":"All Rendering Styles","filter.all_object_categories":"All Subject Types","filter.all_layouts":"All Layouts","filter.all_page_types":"All Page Types","filter.all_interactions":"All Interactions","filter.all_compositions":"All Compositions","filter.all_content_tags":"All Subjects","filter.all_color_schemes":"All Color Schemes","filter.all_depths":"All Depth Levels","filter.all_visual_moods":"All Brand Moods","filter.all_materials":"All Materials","filter.all_lighting":"All Lighting","filter.all_event_types":"All Event Types","filter.all_media_types":"All Media Types","filter.all_regions":"All Regions","filter.all_event_themes":"All Themes","filter.all_tags":"All Tags","filter.no_devices":"No devices yet","filter.no_platforms":"No platforms yet","filter.no_colors":"No colors yet","filter.no_categories":"No categories yet","filter.no_tags":"No tags yet","filter.web_suffix":"Website Inspiration","filter.app_suffix":"App UI Inspiration","filter.screenshot_suffix":"App Screenshot Inspiration","filter.icon_suffix":"Icon Inspiration","filter.event_suffix":"Event Inspiration","filter.web_count":"{count} Website Examples","filter.app_count":"{count} App Designs","filter.screenshot_count":"{count} App Screenshot Sets","filter.icon_count":"{count} Icon Designs","filter.event_count":"{count} Event Designs","listing.filter":"Filter","listing.filter_apply":"Apply","listing.all_records":"All records","listing.load_more":"Load more","listing.showing":"{start}–{end} of {total}","ad.sponsored":"Sponsored","detail.category":"Category","detail.colors":"Colors","detail.tags":"Tags","tag.industry":"Industry","tag.style":"Style","tag.typography":"Typography","tag.era_style":"Era Style","tag.layouts":"Layout","tag.page_types":"Page Type","tag.interaction":"Interaction","tag.event_type":"Event Type","tag.media_type":"Media Type","tag.region":"Region","tag.layout_tags":"Layout","tag.visual_style":"Style","tag.content_theme":"Theme","detail.link":"Link","detail.published":"Published","detail.versions":"Version History","detail.device":"Device","detail.platforms":"Platforms","detail.more":"More","detail.visual_family":"Visual Category","detail.style":"Style","detail.design_language":"Style","detail.rendering_style":"Rendering Style","detail.object_category":"Object Category","detail.composition":"Composition","detail.content":"Content","detail.subjects":"Subjects","detail.main_subject":"Main Subject","detail.depth":"Depth","detail.visual_mood":"Brand Mood","detail.era_style":"Era Style","detail.material":"Material","detail.lighting":"Lighting","detail.color_scheme":"Color Scheme","detail.color_structure":"Color Structure","detail.visit_site":"Visit Website","detail.app_store":"View on App Store","detail.properties":"{title} properties","detail.screenshots":"{title} screenshots","detail.app_screenshots":"{title} app screenshots","detail.app_icon":"{title} app icon","detail.related_for":"Related icons for {title}","detail.similar":"Continue Exploring","detail.next":"Next","detail.surprise":"Surprise","detail.share_twitter":"Share on Twitter","detail.share_pinterest":"Share on Pinterest","product.kicker":"Product References","product.hero_preview":"Hero Preview","product.product_set":"Product Set","product.references_count":"{count} references","product.references_directory":"References Directory","product.references_directory_desc":"Grouped by source type.","product.featured_visuals":"Featured Visuals","product.featured_visuals_desc":"Selected visuals beyond the hero image.","product.similar_products":"Similar Products","product.similar_products_desc":"Nearby product sets.","product.more_count":"+ {count} more in this product set","product.source_websites":"Websites","product.source_apps":"App UI","product.source_screenshots":"Screenshots","product.source_icons":"Icons","product.source_events":"Events","product.source_website":"website","product.source_app":"app","product.source_screenshot":"shots","product.source_icon":"icon","product.source_event":"event","product.count_website":"Website {count}","product.count_app":"App {count}","product.count_screenshot":"Shot {count}","product.count_icon":"Icon {count}","product.count_event":"Event {count}","product.references":"References","product.references_hint":"All visuals for this product, grouped by source.","product.source_count":"{count}","product.related":"More like this","product.related_hint":"Nearby product sets worth exploring.","product.no_visuals":"No visuals available for this source yet.","tool.what_it_is":"What it is","tool.best_for":"Best For","tool.features":"Features","tool.use_cases":"Use Cases","tool.strengths":"Strengths","tool.notes":"Notes","tool.similar_tools":"Similar Tools","tool.similar_tools_desc":"Nearby tools in the same workflow.","tool.type":"Type","tool.category":"Category","tool.platform":"Platform","tool.source":"Source","tool.updated":"Updated {date}","prompt.heading":"Generate Similar Icon","prompt.switch_lang":"Switch language","prompt.copy":"Copy prompt","prompt.copied":"Copied!","prompt.panel_label":"{title} generation prompt","slider.prev":"Previous","slider.next":"Next","related.heading":"Related Icons","card.web_preview":"{title} website preview","card.app_screenshot":"{title} app screenshot","card.tags":"{title} tags","card.meta":"{title} meta","card.screenshot_n":"{title} screenshot {n}","taxo.eyebrow.color":"Color Collection","taxo.eyebrow.category":"Category Collection","taxo.eyebrow.industry":"Industry Collection","taxo.eyebrow.style":"Style Collection","taxo.eyebrow.layout":"Layout Collection","taxo.eyebrow.page-type":"Page Type Collection","taxo.eyebrow.device":"Device Collection","categories.count":"{count} categories","categories.heading":"Browse by category.","categories.body":"Categories are generated from Markdown frontmatter during the build.","categories.section_label":"Categories","categories.websites":"{count} websites","categories.website":"{count} website"},"zh":{"site.title":"Reeoo","site.description":"Reeoo 是一个高效的设计参考与灵感平台，收录网站、App、图标与 Logo 设计案例，支持按颜色与行业分类筛选，帮助设计师快速查找灵感、对比方案并做出设计决策。","site.footer_desc":"为每一次设计决策，找到更好的参考","nav.home":"Reeoo 首页","nav.home_label":"首页","nav.website":"网站","nav.product":"产品","nav.tool":"工具","nav.app":"应用","nav.screenshot":"截图","nav.icon":"图标","nav.event":"活动","nav.primary":"主导航","nav.about":"关于","nav.links":"链接","nav.footer_label":"页脚导航","search.label":"搜索","search.placeholder_web":"搜索网站","search.placeholder_all":"搜索全部设计参考","search.placeholder_product":"搜索产品","search.placeholder_tool":"搜索工具","search.placeholder_app":"搜索应用","search.placeholder_screenshot":"搜索应用截图","search.placeholder_icon":"搜索图标","search.placeholder_tool_library":"搜索 AI 工具、调色盘、图标库...","search.submit":"搜索","search.close":"关闭搜索","search.tooltip":"搜索","search.filter_all":"全部","search.start":"输入关键词开始搜索","search.loading":"正在搜索...","search.empty":"没有找到结果","search.failed":"搜索失败，请稍后再试","search.results_count":"{count} 个结果","home_search.title":"从参考开始整理思路。","home_search.description":"输入你正在做的产品、页面或风格方向，看看相关案例和工具里有哪些可以借鉴的做法。","home_search.placeholder":"搜索设计参考","home_search.example_pricing":"设计一个 SaaS 定价页","home_search.example_onboarding":"做一个移动端引导流程","home_search.example_icon":"找一个 App 图标方向","theme.toggle":"切换颜色主题","theme.light":"切换为浅色模式","theme.dark":"切换为深色模式","page.home_title":"Reeoo – 为每一次设计决策，找到更好的参考","page.home_desc":"Reeoo 持续整理网站、App、截图、活动、图标和工具，帮助设计师按分类、风格和颜色查找参考，比较不同设计方向。","page.web_title":"Website – Reeoo","page.web_desc":"探索精选网站设计参考，涵盖落地页、视觉风格、交互模式与 Web 设计案例，帮助设计师快速获取灵感并优化网站设计决策。","page.product_title":"产品 – Reeoo","page.product_desc":"浏览产品级设计参考，把网站、App UI、截图、图标与 App Store 活动聚合到同一个产品视图中。","page.tool_title":"工具 – Reeoo","page.tool_desc":"从灵感参考到设计制作，精选能够帮助你生成、编辑、排版、原型、开发与发布产品的实用工具","page.app_title":"App – Reeoo","page.app_desc":"探索精选 App 设计参考，涵盖移动应用界面、交互体验、视觉风格与产品设计案例，帮助设计师快速获取灵感并优化 App 设计决策。","page.screenshot_title":"App Screenshot – Reeoo","page.screenshot_desc":"浏览覆盖 iPhone、iPad、Apple Watch、Mac 等平台的 App Store 截图设计参考。","page.icon_title":"Icon – Reeoo","page.icon_desc":"浏览精选 Icon 与应用图标设计参考，按风格、颜色与视觉形式发现高质量图标案例，帮助设计师获取灵感并打造更清晰的品牌视觉。","page.about_title":"关于 – Reeoo","page.links_title":"链接 – Reeoo","page.links_desc":"Reeoo 的友情链接与相关设计资源","page.event_title":"Event – Reeoo","page.event_desc":"浏览 App Store Event 活动设计参考，包括活动卡片、推广图与活动视觉案例。","page.categories_title":"分类 – Reeoo","404.subtitle":"迷失在设计空间","404.back":"返回首页","section.web_db":"网站数据库","section.product_db":"产品数据库","section.tool_db":"工具数据库","section.app_db":"应用数据库","section.screenshot_db":"应用截图数据库","section.icon_db":"图标数据库","section.event_db":"活动数据库","section.filters":"筛选器","section.web_grid":"网站案例","section.product_grid":"产品参考","section.tool_grid":"工具列表","section.app_grid":"应用案例","section.screenshot_grid":"应用截图案例","section.icon_grid":"应用图标","section.event_grid":"活动案例","filter.device":"设备","filter.colors":"颜色","filter.category":"分类","filter.tags":"标签","filter.key_color":"颜色","filter.key_category":"分类","filter.key_industry":"行业","filter.key_visualFamily":"视觉类别","filter.key_style":"风格","filter.key_renderingStyle":"渲染方式","filter.key_objectCategory":"主体类型","filter.key_typography":"字体风格","filter.key_eraStyle":"趋势风格","filter.key_layout":"布局","filter.key_page-type":"页面类型","filter.key_composition":"构图","filter.key_content":"主体内容","filter.key_colorScheme":"配色","filter.key_depth":"纵深","filter.key_visualMood":"品牌气质","filter.key_material":"材质","filter.key_lighting":"光照","filter.key_device":"设备","filter.key_platform":"平台","filter.key_eventType":"活动类型","filter.key_mediaType":"媒体类型","filter.key_region":"地区","filter.key_layoutTags":"活动布局","filter.key_visualStyleTags":"视觉风格","filter.key_contentThemeTags":"内容主题","filter.all_devices":"设备","filter.all_platforms":"平台","filter.all_colors":"颜色","filter.all_categories":"分类","filter.all_styles":"风格","filter.all_industries":"行业领域","filter.all_typography":"字体风格","filter.all_era_styles":"趋势风格","filter.all_visual_families":"视觉类别","filter.all_rendering_styles":"渲染方式","filter.all_object_categories":"主体类型","filter.all_layouts":"布局结构","filter.all_page_types":"页面类型","filter.all_interactions":"交互特征","filter.all_compositions":"构图方式","filter.all_content_tags":"主体内容","filter.all_color_schemes":"配色方式","filter.all_depths":"纵深层次","filter.all_visual_moods":"品牌气质","filter.all_materials":"材质表现","filter.all_lighting":"光照表现","filter.all_event_types":"活动类型","filter.all_media_types":"媒体类型","filter.all_regions":"地区","filter.all_event_themes":"内容主题","filter.all_tags":"标签","filter.no_devices":"暂无设备","filter.no_platforms":"暂无平台","filter.no_colors":"暂无颜色","filter.no_categories":"暂无分类","filter.no_tags":"暂无标签","filter.web_suffix":"网站灵感","filter.app_suffix":"App UI 灵感","filter.screenshot_suffix":"App 截图灵感","filter.icon_suffix":"图标灵感","filter.event_suffix":"活动灵感","filter.web_count":"{count} 个网站案例","filter.app_count":"{count} 个 App 设计","filter.screenshot_count":"{count} 组 App 截图","filter.icon_count":"{count} 个图标设计","filter.event_count":"{count} 个活动设计","listing.filter":"筛选","listing.filter_apply":"确定","listing.all_records":"全部记录","listing.load_more":"加载更多","listing.showing":"共 {total}，{start}–{end}","ad.sponsored":"赞助商","detail.category":"分类","detail.colors":"颜色","detail.tags":"标签","tag.industry":"行业领域","tag.style":"视觉风格","tag.typography":"字体风格","tag.era_style":"趋势风格","tag.layouts":"布局结构","tag.page_types":"页面类型","tag.interaction":"交互特征","tag.event_type":"活动类型","tag.media_type":"媒体类型","tag.region":"地区","tag.layout_tags":"构图方式","tag.visual_style":"视觉风格","tag.content_theme":"内容主题","detail.link":"链接","detail.published":"发布日期","detail.versions":"历史版本","detail.device":"设备","detail.platforms":"平台","detail.more":"更多","detail.visual_family":"视觉类别","detail.style":"风格","detail.design_language":"风格","detail.rendering_style":"渲染方式","detail.object_category":"对象类别","detail.composition":"构图","detail.content":"内容","detail.subjects":"主体内容","detail.main_subject":"主体对象","detail.depth":"纵深","detail.visual_mood":"品牌气质","detail.era_style":"趋势风格","detail.material":"材质","detail.lighting":"光照","detail.color_scheme":"配色","detail.color_structure":"色彩结构","detail.visit_site":"访问网站","detail.app_store":"App Store","detail.properties":"{title} 属性","detail.screenshots":"{title} 截图","detail.app_screenshots":"{title} 应用截图","detail.app_icon":"{title} 应用图标","detail.related_for":"{title} 的相关图标","detail.similar":"继续浏览","detail.next":"下一个","detail.surprise":"灵感漫游","detail.share_twitter":"分享到 Twitter","detail.share_pinterest":"分享到 Pinterest","product.kicker":"产品参考","product.hero_preview":"主视觉预览","product.product_set":"产品集合","product.references_count":"{count} 个参考","product.references_directory":"参考目录","product.references_directory_desc":"按来源类型归档。","product.featured_visuals":"精选视觉","product.featured_visuals_desc":"展示主视觉之外的代表画面。","product.similar_products":"相似产品","product.similar_products_desc":"相近的产品集合。","product.more_count":"还有 {count} 条同产品内容","product.source_websites":"网站","product.source_apps":"App 界面","product.source_screenshots":"截图","product.source_icons":"图标","product.source_events":"活动","product.source_website":"网站","product.source_app":"App","product.source_screenshot":"截图","product.source_icon":"图标","product.source_event":"活动","product.count_website":"{count} 个网站","product.count_app":"{count} 个 App","product.count_screenshot":"{count} 组截图","product.count_icon":"{count} 个图标","product.count_event":"{count} 个活动","product.references":"参考素材","product.references_hint":"本产品的全部视觉素材，按来源分组。","product.source_count":"{count}","product.related":"相关产品","product.related_hint":"值得探索的相近产品集合。","product.no_visuals":"该来源暂无视觉素材。","tool.what_it_is":"工具简介","tool.best_for":"最适合","tool.features":"功能特性","tool.use_cases":"使用场景","tool.strengths":"优势亮点","tool.notes":"注意事项","tool.similar_tools":"相似工具","tool.similar_tools_desc":"相同工作流中的相近工具。","tool.type":"类型","tool.category":"分类","tool.platform":"平台","tool.source":"来源","tool.updated":"更新于 {date}","prompt.heading":"生成类似图标","prompt.switch_lang":"切换语言","prompt.copy":"复制提示词","prompt.copied":"已复制！","prompt.panel_label":"{title} 生成提示词","slider.prev":"上一张","slider.next":"下一张","related.heading":"相关图标","card.web_preview":"{title} 网站截图","card.app_screenshot":"{title} 应用截图","card.tags":"{title} 标签","card.meta":"{title} 元信息","card.screenshot_n":"{title} 截图 {n}","taxo.eyebrow.color":"颜色精选","taxo.eyebrow.category":"分类精选","taxo.eyebrow.industry":"行业精选","taxo.eyebrow.style":"风格精选","taxo.eyebrow.layout":"布局精选","taxo.eyebrow.page-type":"页面类型精选","taxo.eyebrow.device":"设备精选","categories.count":"{count} 个分类","categories.heading":"按分类浏览。","categories.body":"分类在构建时从 Markdown frontmatter 中生成。","categories.section_label":"分类列表","categories.websites":"{count} 个网站","categories.website":"{count} 个网站"}}</script> <script type="application/json" id="tag-labels">{"en":{"AI":"AI","SaaS":"SaaS","Finance":"Finance","Crypto":"Crypto","E-commerce":"E-commerce","Education":"Education","Healthcare":"Healthcare","Social":"Social","Media":"Media","Gaming":"Gaming","Productivity":"Productivity","Marketplace":"Marketplace","Platform":"Platform","Developer Tools":"Developer Tools","Design Tools":"Design Tools","Agency":"Agency","Studio":"Studio","Branding":"Branding","Technology":"Technology","Corporate":"Corporate","Automotive":"Automotive","Consumer Electronics":"Consumer Electronics","Blog":"Blog","Magazine":"Magazine","Beauty":"Beauty","Travel":"Travel","Food & Delivery":"Food & Delivery","Real Estate":"Real Estate","Landing Page":"Landing Page","Product Page":"Product Page","Dashboard":"Dashboard","Documentation":"Documentation","Portfolio":"Portfolio","Pricing Page":"Pricing Page","Blog Post":"Blog Post","Coming Soon":"Coming Soon","Minimal":"Minimal","Clean":"Clean","Modern":"Modern","Elegant":"Elegant","Bold":"Bold","Playful":"Playful","Futuristic":"Futuristic","Experimental":"Experimental","Artistic":"Artistic","Brutalism":"Brutalism","Neumorphism":"Neumorphism","Glassmorphism":"Glassmorphism","Claymorphism":"Claymorphism","Skeuomorphism":"Skeuomorphism","Flat Design":"Flat Design","Illustration":"Illustration","3D":"3D","Icon-heavy":"Icon-heavy","Typography-first":"Typography-first","Image-driven":"Image-driven","High Contrast":"High Contrast","Soft UI":"Soft UI","Monochrome":"Monochrome","Gradient-heavy":"Gradient-heavy","Colorful":"Colorful","Minimalism":"Minimalism","Luxury":"Luxury","Editorial":"Editorial","Geometric":"Geometric","Organic":"Organic","Illustrative":"Illustrative","Flat Vector":"Flat Vector","3D Icon":"3D Icon","Mascot Illustration":"Mascot Illustration","Graphic Poster":"Graphic Poster","Abstract Symbol":"Abstract Symbol","UI Render":"UI Render","Sticker Style":"Sticker Style","Pixel Art":"Pixel Art","Paper Cut":"Paper Cut","Flat Illustration":"Flat Illustration","Vector Graphic":"Vector Graphic","Soft 3D":"Soft 3D","Clay Render":"Clay Render","Photoreal":"Photoreal","Cartoon 3D":"Cartoon 3D","Holographic Render":"Holographic Render","Character":"Character","Creature":"Creature","Device":"Device","Symbol":"Symbol","Letter":"Letter","Interface":"Interface","Abstract":"Abstract","Centered Object":"Centered Object","Full Bleed":"Full Bleed","Cropped Composition":"Cropped Composition","Floating Object":"Floating Object","Asymmetrical Layout":"Asymmetrical Layout","Diagonal Layout":"Diagonal Layout","Minimalist Layout":"Minimalist Layout","Layered Depth":"Layered Depth","Isometric":"Isometric","Vibrant Gradient":"Vibrant Gradient","Pastel":"Pastel","High Saturation":"High Saturation","Dark Mode":"Dark Mode","Accent Color":"Accent Color","Flat":"Flat","Low Depth":"Low Depth","Layered":"Layered","Floating":"Floating","Deep 3D":"Deep 3D","Cute":"Cute","Friendly":"Friendly","Technical":"Technical","Calm":"Calm","Energetic":"Energetic","Professional":"Professional","Glass":"Glass","Metal":"Metal","Plastic":"Plastic","Clay":"Clay","Liquid":"Liquid","Chrome":"Chrome","Leather":"Leather","Wood":"Wood","Ambient":"Ambient","Neon Glow":"Neon Glow","Rim Light":"Rim Light","Soft Shadow":"Soft Shadow","Studio Light":"Studio Light","Volumetric Glow":"Volumetric Glow","Sans Serif":"Sans Serif","Serif":"Serif","Monospace":"Monospace","Display Type":"Display Type","Editorial Type":"Editorial Type","Large Headings":"Large Headings","Dense Text":"Dense Text","Minimal Type":"Minimal Type","Mixed Type":"Mixed Type","AI Startup":"AI Startup","AI Native":"AI Native","Ai Native":"Ai Native","Web3 Era":"Web3 Era","visionOS Style":"visionOS Style","Visionos Style":"Visionos Style","Apple-inspired":"Apple-inspired","Startup Minimalism":"Startup Minimalism","Neo-brutalism":"Neo-brutalism","Retro Tech":"Retro Tech","Editorial Modern":"Editorial Modern","Swiss Modern":"Swiss Modern","Corporate SaaS":"Corporate SaaS","Creator Economy":"Creator Economy","Luxury Digital":"Luxury Digital","Single Column":"Single Column","Multi Column":"Multi Column","Split Screen":"Split Screen","Fullscreen":"Fullscreen","Grid":"Grid","Card-based":"Card-based","List-based":"List-based","Masonry":"Masonry","Sidebar Layout":"Sidebar Layout","Top Navigation":"Top Navigation","Hidden Menu":"Hidden Menu","Tab Layout":"Tab Layout","Hero-focused":"Hero-focused","Content-first":"Content-first","Visual-first":"Visual-first","Modular Sections":"Modular Sections","Bento Grid":"Bento Grid","Horizontal Layout":"Horizontal Layout","Hover Effects":"Hover Effects","Micro Interactions":"Micro Interactions","Click Feedback":"Click Feedback","Scroll Animation":"Scroll Animation","Parallax":"Parallax","Motion-heavy":"Motion-heavy","Transition-rich":"Transition-rich","Gesture-based":"Gesture-based","Drag & Drop":"Drag & Drop","Infinite Scroll":"Infinite Scroll","Step-by-step Flow":"Step-by-step Flow","Immersive Experience":"Immersive Experience","3D Interaction":"3D Interaction","Physics-based Motion":"Physics-based Motion","AI-driven Interaction":"AI-driven Interaction","Books":"Books","Business":"Business","Entertainment":"Entertainment","Food & Drink":"Food & Drink","Games":"Games","Graphics & Design":"Graphics & Design","Health & Fitness":"Health & Fitness","Kids":"Kids","Lifestyle":"Lifestyle","Magazines & Newspapers":"Magazines & Newspapers","Medical":"Medical","Music":"Music","Navigation":"Navigation","News":"News","Photo & Video":"Photo & Video","Reference":"Reference","Safari Extensions":"Safari Extensions","Shopping":"Shopping","Social Networking":"Social Networking","Sports":"Sports","Utilities":"Utilities","Weather":"Weather","Onboarding":"Onboarding","Authentication":"Authentication","Browse":"Browse","Create":"Create","Collaboration":"Collaboration","Account":"Account","Subscription":"Subscription","Analytics":"Analytics","System":"System","Activities":"Activities","Airplane":"Airplane","Alarm":"Alarm","Animal":"Animal","Animals":"Animals","Answer":"Answer","Apartments":"Apartments","App":"App","Audio":"Audio","Awards":"Awards","Bamboo":"Bamboo","Brain":"Brain","Calendar":"Calendar","Call":"Call","Camera":"Camera","Car":"Car","Cartoon":"Cartoon","Charge":"Charge","Chat":"Chat","Chef":"Chef","City":"City","City Guide":"City Guide","Clock":"Clock","Clothes":"Clothes","Cocktail":"Cocktail","Coffee":"Coffee","Color":"Color","Conversations":"Conversations","Cook":"Cook","Crafts":"Crafts","Data":"Data","Design Commodity":"Design Commodity","Design Tool":"Design Tool","Drink":"Drink","Email":"Email","Exercise":"Exercise","Exhibition":"Exhibition","Facebook":"Facebook","Flight":"Flight","Flights":"Flights","Football":"Football","Google":"Google","Habit":"Habit","Hotel":"Hotel","IM":"IM","Internet":"Internet","Jade":"Jade","Japan":"Japan","Journal":"Journal","Library":"Library","Life":"Life","Lift":"Lift","Lightning":"Lightning","Location":"Location","Map":"Map","Meditation":"Meditation","Meet":"Meet","Message":"Message","Moments":"Moments","Movie":"Movie","Museum":"Museum","Music Player":"Music Player","Note":"Note","Notebook":"Notebook","Notes":"Notes","PM2.5":"PM2.5","Park":"Park","Pen":"Pen","Photo Editer":"Photo Editer","Place":"Place","Read":"Read","Relax":"Relax","Restaurant":"Restaurant","Run":"Run","Shoe":"Shoe","Shop":"Shop","Sport":"Sport","Surf":"Surf","TV":"TV","TV Shows":"TV Shows","Task":"Task","Time":"Time","Tool":"Tool","Trip":"Trip","Wallpaper":"Wallpaper","Black":"Black","Blue":"Blue","Brown":"Brown","Gray":"Gray","Green":"Green","Multicolored":"Multicolored","Orange":"Orange","Purple":"Purple","Red":"Red","White":"White","Yellow":"Yellow","Pink":"Pink","Challenge":"Challenge","Competition":"Competition","New Season":"New Season","Premiere":"Premiere","Major Update":"Major Update","Live Event":"Live Event","Special Event":"Special Event","Image":"Image","Video":"Video","Hero":"Hero","Centered":"Centered","Split":"Split","Character Focused":"Character Focused","Product Screenshot":"Product Screenshot","Text Focused":"Text Focused","Photography":"Photography","Game Art":"Game Art","Character Art":"Character Art","Cinematic":"Cinematic","Gradient":"Gradient","UI Screenshot":"UI Screenshot","Learning":"Learning"},"zh":{"AI":"人工智能","SaaS":"软件服务","Finance":"财务","Crypto":"加密","E-commerce":"电商","Education":"教育","Healthcare":"医疗","Social":"社交","Media":"媒体","Gaming":"游戏","Productivity":"效率","Marketplace":"平台交易","Platform":"平台产品","Developer Tools":"开发者工具","Design Tools":"设计工具","Agency":"设计公司","Studio":"工作室","Branding":"品牌设计","Technology":"科技品牌","Corporate":"企业风格","Automotive":"交通出行","Consumer Electronics":"消费电子","Blog":"博客","Magazine":"杂志","Beauty":"美妆","Travel":"旅游","Food & Delivery":"餐饮","Real Estate":"房地产","Landing Page":"落地页","Product Page":"产品页","Dashboard":"仪表盘","Documentation":"文档页","Portfolio":"作品集","Pricing Page":"价格页","Blog Post":"博客文章","Coming Soon":"即将上线","Minimal":"极简","Clean":"清爽","Modern":"现代","Elegant":"优雅","Bold":"强烈","Playful":"活泼","Futuristic":"未来感","Experimental":"实验性","Artistic":"艺术化","Brutalism":"野性主义","Neumorphism":"新拟态","Glassmorphism":"玻璃拟态","Claymorphism":"黏土拟态","Skeuomorphism":"拟物化","Flat Design":"扁平设计","Illustration":"插画风","3D":"三维风格","Icon-heavy":"图标主导","Typography-first":"字体优先","Image-driven":"图片驱动","High Contrast":"高对比","Soft UI":"柔和界面","Monochrome":"单色","Gradient-heavy":"渐变主导","Colorful":"多彩","Minimalism":"极简主义","Luxury":"奢华","Editorial":"编辑感","Geometric":"几何风格","Organic":"有机形态","Illustrative":"插画表达","Flat Vector":"扁平矢量","3D Icon":"3D 图标","Mascot Illustration":"吉祥物插画","Graphic Poster":"海报图形","Abstract Symbol":"抽象符号","UI Render":"界面渲染","Sticker Style":"贴纸风格","Pixel Art":"像素艺术","Paper Cut":"纸雕风格","Flat Illustration":"扁平插画","Vector Graphic":"矢量图形","Soft 3D":"柔和 3D","Clay Render":"黏土渲染","Photoreal":"写实渲染","Cartoon 3D":"卡通 3D","Holographic Render":"全息渲染","Character":"角色","Creature":"生物","Device":"设备","Symbol":"符号","Letter":"字母","Interface":"界面","Abstract":"抽象","Centered Object":"居中主体","Full Bleed":"满版构图","Cropped Composition":"裁切构图","Floating Object":"悬浮主体","Asymmetrical Layout":"非对称布局","Diagonal Layout":"对角布局","Minimalist Layout":"极简布局","Layered Depth":"分层纵深","Isometric":"等距视角","Vibrant Gradient":"高饱和渐变","Pastel":"粉彩","High Saturation":"高饱和","Dark Mode":"深色模式","Accent Color":"强调色","Flat":"平面","Low Depth":"低纵深","Layered":"分层","Floating":"悬浮","Deep 3D":"深度 3D","Cute":"可爱","Friendly":"亲和","Technical":"技术感","Calm":"沉静","Energetic":"活力","Professional":"专业","Glass":"玻璃","Metal":"金属","Plastic":"塑料","Clay":"黏土","Liquid":"液态","Chrome":"镀铬","Leather":"皮革","Wood":"木质","Ambient":"环境光","Neon Glow":"霓虹辉光","Rim Light":"轮廓光","Soft Shadow":"柔和阴影","Studio Light":"摄影棚光","Volumetric Glow":"体积辉光","Sans Serif":"无衬线字体","Serif":"衬线字体","Monospace":"等宽字体","Display Type":"展示字体","Editorial Type":"编辑排版","Large Headings":"大标题","Dense Text":"密集文本","Minimal Type":"极简字体","Mixed Type":"混合字体","AI Startup":"AI 创业风","AI Native":"AI 原生","Ai Native":"AI 原生","Web3 Era":"Web3 时代","visionOS Style":"visionOS 风格","Visionos Style":"visionOS 风格","Apple-inspired":"Apple 风格","Startup Minimalism":"创业公司极简风","Neo-brutalism":"新野性主义","Retro Tech":"复古科技","Editorial Modern":"现代编辑风","Swiss Modern":"瑞士现代主义","Corporate SaaS":"企业 SaaS","Creator Economy":"创作者经济","Luxury Digital":"数字奢华风","Single Column":"单栏布局","Multi Column":"多栏布局","Split Screen":"分屏布局","Fullscreen":"全屏布局","Grid":"网格布局","Card-based":"卡片式","List-based":"列表式","Masonry":"瀑布流","Sidebar Layout":"侧边栏布局","Top Navigation":"顶部导航","Hidden Menu":"隐藏菜单","Tab Layout":"标签页布局","Hero-focused":"首屏主导","Content-first":"内容优先","Visual-first":"视觉优先","Modular Sections":"模块化分区","Bento Grid":"Bento","Horizontal Layout":"横向布局","Hover Effects":"悬停效果","Micro Interactions":"微交互","Click Feedback":"点击反馈","Scroll Animation":"滚动动画","Parallax":"视差效果","Motion-heavy":"动效丰富","Transition-rich":"过渡细腻","Gesture-based":"手势交互","Drag & Drop":"拖拽操作","Infinite Scroll":"无限滚动","Step-by-step Flow":"分步流程","Immersive Experience":"沉浸式体验","3D Interaction":"三维交互","Physics-based Motion":"物理动效","AI-driven Interaction":"AI 驱动交互","Books":"图书","Business":"商务","Entertainment":"娱乐","Food & Drink":"美食佳饮","Games":"游戏","Graphics & Design":"图形与设计","Health & Fitness":"健康健美","Kids":"儿童","Lifestyle":"生活","Magazines & Newspapers":"报刊杂志","Medical":"医疗","Music":"音乐","Navigation":"导航","News":"新闻","Photo & Video":"摄影与录像","Reference":"参考","Safari Extensions":"Safari 扩展","Shopping":"购物","Social Networking":"社交","Sports":"体育","Utilities":"工具","Weather":"天气","Onboarding":"引导","Authentication":"登录注册","Browse":"浏览查看","Create":"创建编辑","Collaboration":"协作分享","Account":"账户","Subscription":"付费订阅","Analytics":"数据分析","System":"系统状态","Activities":"活动","Airplane":"飞行","Alarm":"闹钟","Animal":"动物","Animals":"动物","Answer":"问答","Apartments":"公寓","App":"应用","Audio":"音频","Awards":"奖项","Bamboo":"竹子","Brain":"大脑","Calendar":"日历","Call":"通话","Camera":"相机","Car":"汽车","Cartoon":"卡通","Charge":"充电","Chat":"聊天","Chef":"厨师","City":"城市","City Guide":"城市指南","Clock":"时钟","Clothes":"服装","Cocktail":"鸡尾酒","Coffee":"咖啡","Color":"颜色","Conversations":"对话","Cook":"烹饪","Crafts":"手工","Data":"数据","Design Commodity":"设计商品","Design Tool":"设计工具","Drink":"饮品","Email":"邮件","Exercise":"运动","Exhibition":"展览","Facebook":"Facebook","Flight":"航班","Flights":"航班","Football":"足球","Google":"Google","Habit":"习惯","Hotel":"酒店","IM":"即时通讯","Internet":"互联网","Jade":"玉器","Japan":"日本","Journal":"日记","Library":"图书馆","Life":"生活","Lift":"电梯","Lightning":"闪电","Location":"位置","Map":"地图","Meditation":"冥想","Meet":"会议","Message":"消息","Moments":"时刻","Movie":"电影","Museum":"博物馆","Music Player":"音乐播放器","Note":"笔记","Notebook":"笔记本","Notes":"笔记","PM2.5":"PM2.5","Park":"公园","Pen":"笔","Photo Editer":"照片编辑","Place":"地点","Read":"阅读","Relax":"放松","Restaurant":"餐厅","Run":"跑步","Shoe":"鞋","Shop":"商店","Sport":"运动","Surf":"冲浪","TV":"电视","TV Shows":"电视节目","Task":"任务","Time":"时间","Tool":"工具","Trip":"旅行","Wallpaper":"壁纸","Black":"黑色","Blue":"蓝色","Brown":"棕色","Gray":"灰色","Green":"绿色","Multicolored":"多色","Orange":"橙色","Purple":"紫色","Red":"红色","White":"白色","Yellow":"黄色","Pink":"粉色","Challenge":"挑战","Competition":"竞赛","New Season":"新赛季","Premiere":"首映","Major Update":"重磅更新","Live Event":"直播活动","Special Event":"特别活动","Image":"图片","Video":"视频","Hero":"主视觉构图","Centered":"居中构图","Split":"分区构图","Character Focused":"角色聚焦","Product Screenshot":"产品截图","Text Focused":"文字主导","Photography":"摄影","Game Art":"游戏美术","Character Art":"角色美术","Cinematic":"电影感","Gradient":"渐变","UI Screenshot":"界面截图","Learning":"学习"}}</script> <script type="application/json" id="i18n-taxonomy">{"en":{"web":{"color":{"black":"Explore black website, app, and icon inspiration featuring dark interfaces, premium contrast, cinematic presentation, and bold visual hierarchy.","blue":"Browse blue design inspiration with trustworthy tones, layered gradients, calm interfaces, technology-focused aesthetics, and modern digital product styling.","brown":"Explore brown and earthy design inspiration featuring warm neutrals, natural textures, hospitality aesthetics, organic materials, and grounded visual systems.","gray":"Browse gray design inspiration with restrained palettes, editorial spacing, soft contrast, minimal interfaces, and refined visual balance.","green":"Explore green design inspiration for wellness, sustainability, finance, productivity, and products that benefit from fresh, positive, and calming visual tones.","multicolored":"Browse multicolored design inspiration featuring vibrant palettes, expressive branding, layered gradients, illustration systems, and energetic visual storytelling.","orange":"Explore orange design inspiration with energetic accents, warm product storytelling, bold calls to action, and approachable digital aesthetics.","pink":"Browse pink design inspiration featuring expressive branding, soft gradients, playful tones, editorial aesthetics, and lifestyle-focused visual systems.","purple":"Explore purple design inspiration often used in AI products, creative tools, entertainment platforms, premium branding, and futuristic digital experiences.","red":"Browse red design inspiration with bold branding, strong emotional energy, attention-focused interfaces, food-oriented visuals, and action-driven digital aesthetics.","white":"Explore white design inspiration focused on clarity, whitespace, editorial layouts, minimal interfaces, and refined visual hierarchy.","yellow":"Browse yellow design inspiration featuring optimistic palettes, energetic accents, playful branding, and high-visibility visual presentation."},"industry":{"agency":"Browse agency website inspiration featuring confident typography, modular case study layouts, conversion-focused storytelling, and polished studio branding systems.","beauty":"Explore beauty and cosmetics website inspiration featuring luxurious visual systems, soft color palettes, immersive product storytelling, editorial photography, and premium brand experiences.","ai":"Explore AI website inspiration featuring futuristic interfaces, gradient aesthetics, immersive layouts, modern product storytelling, and intelligent digital experiences.","automotive":"Browse automotive and mobility website inspiration featuring vehicle launches, aviation and cycling experiences, ride services, product showcases, and transportation-focused storytelling.","blog":"Browse blog website inspiration with editorial layouts, typography-focused reading systems, structured article navigation, and content-first storytelling experiences.","branding":"Explore branding website inspiration featuring visual identity systems, editorial compositions, immersive storytelling, and expressive creative direction.","developer tools":"Browse developer tools website inspiration featuring technical dashboards, structured documentation layouts, dark UI systems, API-focused interfaces, and modern infrastructure aesthetics.","education":"Explore education website inspiration featuring structured learning layouts, onboarding flows, progress-driven experiences, calm visual systems, and knowledge-focused storytelling.","e-commerce":"Browse e-commerce website inspiration featuring immersive product layouts, merchandising systems, conversion-focused landing pages, modern checkout flows, and visual shopping experiences.","finance":"Explore finance website inspiration with premium dashboards, layered data visualization, trust-focused layouts, fintech aesthetics, and modern financial storytelling.","food & delivery":"Browse food and delivery website inspiration featuring appetite-driven imagery, warm visual systems, immersive product presentation, and modern ordering experiences.","gaming":"Explore gaming website inspiration featuring cinematic visuals, immersive worlds, motion-driven storytelling, dark atmospheres, and expressive interactive experiences.","healthcare":"Browse healthcare website inspiration with calm visual systems, wellness-focused aesthetics, trust-driven layouts, soft color palettes, and accessible product experiences.","magazine":"Explore magazine website inspiration featuring editorial typography, layered grid systems, immersive storytelling, structured reading flows, and content-rich layouts.","marketplace":"Browse marketplace website inspiration featuring dense browsing systems, category-driven navigation, trust-focused layouts, search-heavy interfaces, and scalable product ecosystems.","media":"Explore media website inspiration featuring cinematic storytelling, immersive visuals, editorial layouts, content-focused navigation, and expressive digital publishing systems.","platform":"Browse platform website inspiration with modular layouts, ecosystem-focused storytelling, scalable product structures, dashboard systems, and modern SaaS aesthetics.","productivity":"Browse productivity website inspiration featuring structured dashboards, focused workflows, minimal interfaces, collaboration systems, and efficient digital product experiences.","real estate":"Explore real estate website inspiration featuring immersive property imagery, luxury presentation systems, map-based browsing, editorial layouts, and location-driven storytelling.","saas":"Explore curated SaaS website inspiration featuring modern landing pages, dashboard interfaces, AI product storytelling, modular layouts, and conversion-focused product experiences.","social":"Browse social website inspiration featuring creator-focused layouts, immersive feeds, messaging systems, community-driven interactions, and expressive digital experiences.","studio":"Explore studio website inspiration featuring creative direction, immersive portfolios, editorial layouts, typography-driven storytelling, and modern agency aesthetics.","technology":"Browse technology website inspiration featuring futuristic layouts, product-focused storytelling, dark interfaces, technical visuals, and modern digital brand systems.","travel":"Explore travel website inspiration featuring immersive destination imagery, editorial storytelling, booking flows, map-based layouts, and atmospheric planning experiences.","consumer electronics":"Browse consumer electronics website inspiration featuring hardware product showcases, immersive device storytelling, premium visual systems, and modern product marketing experiences."},"style":{"3d":"Explore 3D website inspiration featuring rendered objects, spatial depth, immersive storytelling, layered lighting, and tactile digital aesthetics.","artistic":"Browse artistic website inspiration with expressive composition, unconventional visuals, gallery-inspired pacing, and strong creative direction.","bold":"Explore bold website inspiration featuring oversized typography, high contrast, confident branding, dramatic layouts, and striking visual hierarchy.","clean":"Browse clean website inspiration with balanced spacing, refined typography, low-noise interfaces, and calm content-focused presentation.","colorful":"Explore colorful website inspiration featuring vibrant palettes, expressive gradients, playful contrasts, and energetic visual storytelling.","elegant":"Browse elegant website inspiration featuring refined typography, restrained palettes, premium spacing, and sophisticated editorial rhythm.","experimental":"Explore experimental website inspiration with unconventional layouts, immersive motion systems, interactive storytelling, and exploratory visual direction.","flat design":"Browse flat design website inspiration featuring simplified geometry, crisp color systems, clean iconography, and minimal interface composition.","high contrast":"Explore high contrast website inspiration with dramatic pairings, strong readability, bold typography, and impactful visual hierarchy.","image-driven":"Browse image-driven website inspiration featuring cinematic photography, immersive media layouts, editorial storytelling, and visually-led experiences.","illustration":"Explore illustration website inspiration using custom artwork, playful visual metaphors, expressive scenes, and character-driven storytelling.","minimal":"Explore minimal website inspiration focused on refined typography, spacious layouts, restrained color palettes, reduced UI, and calm visual hierarchy.","monochrome":"Browse monochrome website inspiration built around typography, texture, contrast, restrained palettes, and editorial visual systems.","modern":"Explore modern website inspiration featuring clean layouts, contemporary typography, polished interactions, refined spacing, and current digital product aesthetics.","playful":"Browse playful website inspiration with friendly visuals, colorful systems, expressive motion, approachable interactions, and energetic digital experiences.","soft ui":"Explore soft UI website inspiration featuring rounded surfaces, subtle shadows, gentle lighting, smooth materials, and approachable product aesthetics.","typography-first":"Browse typography-first website inspiration where editorial hierarchy, type rhythm, oversized headlines, and structured reading systems define the experience."},"layout":{"card-based":"Browse card-based website inspiration featuring modular content systems, dashboard layouts, product previews, and highly scannable visual structures.","content-first":"Explore content-first website inspiration with editorial hierarchy, reading-focused layouts, structured information systems, and immersive storytelling flow.","fullscreen":"Browse fullscreen website inspiration featuring immersive visuals, cinematic presentation, oversized typography, and focused storytelling experiences.","grid":"Explore grid website inspiration featuring gallery layouts, modular visual systems, portfolio structures, and highly organized browsing experiences.","hero-focused":"Explore hero-focused website inspiration featuring bold first impressions, oversized typography, product storytelling, immersive visuals, and conversion-driven layouts.","hidden menu":"Browse hidden menu website inspiration with minimal navigation systems, immersive layouts, reduced UI chrome, and distraction-free visual presentation.","horizontal layout":"Explore horizontal website inspiration featuring panoramic storytelling, side-scrolling galleries, timeline systems, and immersive navigation experiences.","list-based":"Browse list-based website inspiration with structured archives, editorial feeds, ranking systems, directory layouts, and repeatable browsing patterns.","modular sections":"Explore modular section website inspiration featuring reusable content bands, product storytelling blocks, layered landing pages, and scalable layout systems.","multi column":"Browse multi-column website inspiration featuring editorial density, comparison-focused layouts, structured reading systems, and information-rich interfaces.","single column":"Explore single-column website inspiration with linear storytelling, focused reading flow, calm layouts, and simplified navigation systems.","tab layout":"Browse tab layout website inspiration featuring compact navigation systems, organized content switching, structured product details, and dashboard-focused interfaces.","top navigation":"Explore top navigation website inspiration featuring clear browsing systems, structured hierarchy, predictable navigation patterns, and modern web layouts.","visual-first":"Browse visual-first website inspiration featuring immersive imagery, cinematic storytelling, expressive artwork, and media-led digital experiences."},"page-type":{"landing page":"Browse landing page inspiration focused on first impressions, conversion flows, hero messaging, product positioning, and clear calls to action.","product page":"Explore product page inspiration for feature storytelling, product visuals, comparison sections, benefit hierarchy, and purchase or signup decisions.","dashboard":"Browse dashboard inspiration featuring data-dense layouts, operational views, charts, status systems, controls, and repeat-use product interfaces.","documentation":"Explore documentation page inspiration with structured navigation, technical content, code examples, readable typography, and developer-focused information design.","portfolio":"Explore portfolio website inspiration for individual designers, photographers, illustrators, art directors, and creative professionals presenting selected work, services, and personal identity.","pricing page":"Browse pricing page inspiration for plan comparison, feature matrices, trust signals, billing choices, and conversion-focused SaaS buying flows.","blog post":"Explore blog post inspiration with editorial rhythm, readable article layouts, media embeds, author context, related content, and long-form storytelling.","coming soon":"Browse coming soon page inspiration for launch teasers, waitlist capture, product hints, concise storytelling, and memorable pre-release branding."}},"app":{"color":{"black":"Explore black website, app, and icon inspiration featuring dark interfaces, premium contrast, cinematic presentation, and bold visual hierarchy.","blue":"Browse blue design inspiration with trustworthy tones, layered gradients, calm interfaces, technology-focused aesthetics, and modern digital product styling.","brown":"Explore brown and earthy design inspiration featuring warm neutrals, natural textures, hospitality aesthetics, organic materials, and grounded visual systems.","gray":"Browse gray design inspiration with restrained palettes, editorial spacing, soft contrast, minimal interfaces, and refined visual balance.","green":"Explore green design inspiration for wellness, sustainability, finance, productivity, and products that benefit from fresh, positive, and calming visual tones.","multicolored":"Browse multicolored design inspiration featuring vibrant palettes, expressive branding, layered gradients, illustration systems, and energetic visual storytelling.","orange":"Explore orange design inspiration with energetic accents, warm product storytelling, bold calls to action, and approachable digital aesthetics.","pink":"Browse pink design inspiration featuring expressive branding, soft gradients, playful tones, editorial aesthetics, and lifestyle-focused visual systems.","purple":"Explore purple design inspiration often used in AI products, creative tools, entertainment platforms, premium branding, and futuristic digital experiences.","red":"Browse red design inspiration with bold branding, strong emotional energy, attention-focused interfaces, food-oriented visuals, and action-driven digital aesthetics.","white":"Explore white design inspiration focused on clarity, whitespace, editorial layouts, minimal interfaces, and refined visual hierarchy.","yellow":"Browse yellow design inspiration featuring optimistic palettes, energetic accents, playful branding, and high-visibility visual presentation."},"category":{"business":"Browse business app UI inspiration featuring operational dashboards, workflow systems, enterprise navigation, structured data layouts, and polished productivity-focused mobile experiences.","education":"Explore education app UI inspiration with structured learning flows, calm layouts, progress systems, onboarding journeys, and knowledge-focused mobile experiences.","entertainment":"Browse entertainment app UI inspiration featuring immersive media layouts, expressive visuals, discovery systems, streaming interfaces, and cinematic browsing experiences.","finance":"Explore finance app UI inspiration with modern dashboards, layered data visualization, trust-focused interfaces, premium dark themes, and structured financial experiences.","food & drink":"Browse food and drink app UI inspiration featuring appetite-driven imagery, warm color systems, menu layouts, delivery flows, and modern ordering experiences.","games":"Explore game app UI inspiration with immersive interfaces, reward systems, progression flows, expressive visuals, playful interactions, and energetic digital atmospheres.","graphics & design":"Browse graphics and design app UI inspiration featuring creative workflows, canvas-based interfaces, layered tool systems, visual production layouts, and expressive digital aesthetics.","health & fitness":"Explore health and fitness app UI inspiration with wellness tracking, motivational systems, soft gradients, clean dashboards, and calm mobile interaction patterns.","lifestyle":"Browse lifestyle app UI inspiration featuring editorial layouts, soft visual systems, personalized content flows, shopping experiences, and modern everyday interactions.","music":"Explore music app UI inspiration featuring immersive browsing, layered media layouts, dark themes, audio-focused interfaces, playlist systems, and atmospheric visual presentation.","navigation":"Browse navigation app UI inspiration featuring map-based layouts, spatial interfaces, route visualization systems, movement tracking, and real-time travel experiences.","news":"Explore news app UI inspiration featuring editorial layouts, typography-focused reading systems, structured content feeds, dark reading modes, and modern publishing experiences.","photo & video":"Browse photo and video app UI inspiration featuring creator workflows, immersive galleries, editing systems, cinematic layouts, media-focused navigation, and visual storytelling tools.","productivity":"Explore productivity app UI inspiration featuring focused workflows, structured dashboards, minimal interfaces, task systems, note-taking experiences, and efficient mobile interaction patterns.","reference":"Browse reference app UI inspiration with structured knowledge systems, categorized layouts, search-focused interfaces, compact navigation, and fast information retrieval experiences.","shopping":"Explore shopping app UI inspiration featuring product discovery systems, immersive product layouts, modern merchandising, smooth checkout flows, and conversion-focused mobile experiences.","social networking":"Browse social networking app UI inspiration featuring creator-focused layouts, immersive feeds, messaging systems, profile experiences, and community-driven interaction patterns.","sports":"Explore sports app UI inspiration featuring live dashboards, energetic layouts, score systems, real-time statistics, match tracking, and fan-focused mobile experiences.","travel":"Browse travel app UI inspiration featuring immersive destination imagery, booking systems, map-based layouts, itinerary experiences, and atmospheric trip-planning interfaces.","utilities":"Explore utility app UI inspiration with compact workflows, minimal layouts, quick-action systems, status dashboards, and highly efficient mobile interaction patterns.","weather":"Browse weather app UI inspiration featuring atmospheric gradients, layered forecast dashboards, environmental data visualization, glassmorphism interfaces, and glanceable information layouts."},"device":{"ipad":"Browse iPad app UI inspiration featuring immersive large-screen layouts, split-view systems, modular dashboards, media-rich interfaces, and tablet-optimized workflows.","iphone":"Explore iPhone app UI inspiration with compact mobile layouts, touch-first navigation, onboarding systems, layered cards, gestures, and polished mobile interaction patterns."}},"screenshot":{"color":{"black":"Explore black website, app, and icon inspiration featuring dark interfaces, premium contrast, cinematic presentation, and bold visual hierarchy.","blue":"Browse blue design inspiration with trustworthy tones, layered gradients, calm interfaces, technology-focused aesthetics, and modern digital product styling.","brown":"Explore brown and earthy design inspiration featuring warm neutrals, natural textures, hospitality aesthetics, organic materials, and grounded visual systems.","gray":"Browse gray design inspiration with restrained palettes, editorial spacing, soft contrast, minimal interfaces, and refined visual balance.","green":"Explore green design inspiration for wellness, sustainability, finance, productivity, and products that benefit from fresh, positive, and calming visual tones.","multicolored":"Browse multicolored design inspiration featuring vibrant palettes, expressive branding, layered gradients, illustration systems, and energetic visual storytelling.","orange":"Explore orange design inspiration with energetic accents, warm product storytelling, bold calls to action, and approachable digital aesthetics.","pink":"Browse pink design inspiration featuring expressive branding, soft gradients, playful tones, editorial aesthetics, and lifestyle-focused visual systems.","purple":"Explore purple design inspiration often used in AI products, creative tools, entertainment platforms, premium branding, and futuristic digital experiences.","red":"Browse red design inspiration with bold branding, strong emotional energy, attention-focused interfaces, food-oriented visuals, and action-driven digital aesthetics.","white":"Explore white design inspiration focused on clarity, whitespace, editorial layouts, minimal interfaces, and refined visual hierarchy.","yellow":"Browse yellow design inspiration featuring optimistic palettes, energetic accents, playful branding, and high-visibility visual presentation."},"category":{"business":"Browse business app UI inspiration featuring operational dashboards, workflow systems, enterprise navigation, structured data layouts, and polished productivity-focused mobile experiences.","education":"Explore education app UI inspiration with structured learning flows, calm layouts, progress systems, onboarding journeys, and knowledge-focused mobile experiences.","entertainment":"Browse entertainment app UI inspiration featuring immersive media layouts, expressive visuals, discovery systems, streaming interfaces, and cinematic browsing experiences.","finance":"Explore finance app UI inspiration with modern dashboards, layered data visualization, trust-focused interfaces, premium dark themes, and structured financial experiences.","food & drink":"Browse food and drink app UI inspiration featuring appetite-driven imagery, warm color systems, menu layouts, delivery flows, and modern ordering experiences.","games":"Explore game app UI inspiration with immersive interfaces, reward systems, progression flows, expressive visuals, playful interactions, and energetic digital atmospheres.","graphics & design":"Browse graphics and design app UI inspiration featuring creative workflows, canvas-based interfaces, layered tool systems, visual production layouts, and expressive digital aesthetics.","health & fitness":"Explore health and fitness app UI inspiration with wellness tracking, motivational systems, soft gradients, clean dashboards, and calm mobile interaction patterns.","lifestyle":"Browse lifestyle app UI inspiration featuring editorial layouts, soft visual systems, personalized content flows, shopping experiences, and modern everyday interactions.","music":"Explore music app UI inspiration featuring immersive browsing, layered media layouts, dark themes, audio-focused interfaces, playlist systems, and atmospheric visual presentation.","navigation":"Browse navigation app UI inspiration featuring map-based layouts, spatial interfaces, route visualization systems, movement tracking, and real-time travel experiences.","news":"Explore news app UI inspiration featuring editorial layouts, typography-focused reading systems, structured content feeds, dark reading modes, and modern publishing experiences.","photo & video":"Browse photo and video app UI inspiration featuring creator workflows, immersive galleries, editing systems, cinematic layouts, media-focused navigation, and visual storytelling tools.","productivity":"Explore productivity app UI inspiration featuring focused workflows, structured dashboards, minimal interfaces, task systems, note-taking experiences, and efficient mobile interaction patterns.","reference":"Browse reference app UI inspiration with structured knowledge systems, categorized layouts, search-focused interfaces, compact navigation, and fast information retrieval experiences.","shopping":"Explore shopping app UI inspiration featuring product discovery systems, immersive product layouts, modern merchandising, smooth checkout flows, and conversion-focused mobile experiences.","social networking":"Browse social networking app UI inspiration featuring creator-focused layouts, immersive feeds, messaging systems, profile experiences, and community-driven interaction patterns.","sports":"Explore sports app UI inspiration featuring live dashboards, energetic layouts, score systems, real-time statistics, match tracking, and fan-focused mobile experiences.","travel":"Browse travel app UI inspiration featuring immersive destination imagery, booking systems, map-based layouts, itinerary experiences, and atmospheric trip-planning interfaces.","utilities":"Explore utility app UI inspiration with compact workflows, minimal layouts, quick-action systems, status dashboards, and highly efficient mobile interaction patterns.","weather":"Browse weather app UI inspiration featuring atmospheric gradients, layered forecast dashboards, environmental data visualization, glassmorphism interfaces, and glanceable information layouts."},"platform":{"iphone":"Explore iPhone App Store screenshot inspiration with portrait mobile layouts, concise feature storytelling, and touch-first product presentation.","ipad":"Browse iPad App Store screenshot inspiration featuring large-screen compositions, landscape product flows, and tablet-optimized interface previews.","mac":"Explore Mac App Store screenshot inspiration with desktop layouts, windowed workflows, and productivity-focused product presentation.","apple watch":"Browse Apple Watch App Store screenshot inspiration for glanceable wearable interfaces and compact interaction previews.","imessage":"Explore iMessage App Store screenshot inspiration for sticker, extension, and messaging-focused product previews."}},"icon":{"color":{"black":"Explore black website, app, and icon inspiration featuring dark interfaces, premium contrast, cinematic presentation, and bold visual hierarchy.","blue":"Browse blue design inspiration with trustworthy tones, layered gradients, calm interfaces, technology-focused aesthetics, and modern digital product styling.","brown":"Explore brown and earthy design inspiration featuring warm neutrals, natural textures, hospitality aesthetics, organic materials, and grounded visual systems.","gray":"Browse gray design inspiration with restrained palettes, editorial spacing, soft contrast, minimal interfaces, and refined visual balance.","green":"Explore green design inspiration for wellness, sustainability, finance, productivity, and products that benefit from fresh, positive, and calming visual tones.","multicolored":"Browse multicolored design inspiration featuring vibrant palettes, expressive branding, layered gradients, illustration systems, and energetic visual storytelling.","orange":"Explore orange design inspiration with energetic accents, warm product storytelling, bold calls to action, and approachable digital aesthetics.","pink":"Browse pink design inspiration featuring expressive branding, soft gradients, playful tones, editorial aesthetics, and lifestyle-focused visual systems.","purple":"Explore purple design inspiration often used in AI products, creative tools, entertainment platforms, premium branding, and futuristic digital experiences.","red":"Browse red design inspiration with bold branding, strong emotional energy, attention-focused interfaces, food-oriented visuals, and action-driven digital aesthetics.","white":"Explore white design inspiration focused on clarity, whitespace, editorial layouts, minimal interfaces, and refined visual hierarchy.","yellow":"Browse yellow design inspiration featuring optimistic palettes, energetic accents, playful branding, and high-visibility visual presentation."},"category":{"business":"Browse business app UI inspiration featuring operational dashboards, workflow systems, enterprise navigation, structured data layouts, and polished productivity-focused mobile experiences.","education":"Explore education app UI inspiration with structured learning flows, calm layouts, progress systems, onboarding journeys, and knowledge-focused mobile experiences.","entertainment":"Browse entertainment app UI inspiration featuring immersive media layouts, expressive visuals, discovery systems, streaming interfaces, and cinematic browsing experiences.","finance":"Explore finance app UI inspiration with modern dashboards, layered data visualization, trust-focused interfaces, premium dark themes, and structured financial experiences.","food & drink":"Browse food and drink app UI inspiration featuring appetite-driven imagery, warm color systems, menu layouts, delivery flows, and modern ordering experiences.","games":"Explore game app UI inspiration with immersive interfaces, reward systems, progression flows, expressive visuals, playful interactions, and energetic digital atmospheres.","graphics & design":"Browse graphics and design app UI inspiration featuring creative workflows, canvas-based interfaces, layered tool systems, visual production layouts, and expressive digital aesthetics.","health & fitness":"Explore health and fitness app UI inspiration with wellness tracking, motivational systems, soft gradients, clean dashboards, and calm mobile interaction patterns.","lifestyle":"Browse lifestyle app UI inspiration featuring editorial layouts, soft visual systems, personalized content flows, shopping experiences, and modern everyday interactions.","music":"Explore music app UI inspiration featuring immersive browsing, layered media layouts, dark themes, audio-focused interfaces, playlist systems, and atmospheric visual presentation.","navigation":"Browse navigation app UI inspiration featuring map-based layouts, spatial interfaces, route visualization systems, movement tracking, and real-time travel experiences.","news":"Explore news app UI inspiration featuring editorial layouts, typography-focused reading systems, structured content feeds, dark reading modes, and modern publishing experiences.","photo & video":"Browse photo and video app UI inspiration featuring creator workflows, immersive galleries, editing systems, cinematic layouts, media-focused navigation, and visual storytelling tools.","productivity":"Explore productivity app UI inspiration featuring focused workflows, structured dashboards, minimal interfaces, task systems, note-taking experiences, and efficient mobile interaction patterns.","reference":"Browse reference app UI inspiration with structured knowledge systems, categorized layouts, search-focused interfaces, compact navigation, and fast information retrieval experiences.","shopping":"Explore shopping app UI inspiration featuring product discovery systems, immersive product layouts, modern merchandising, smooth checkout flows, and conversion-focused mobile experiences.","social networking":"Browse social networking app UI inspiration featuring creator-focused layouts, immersive feeds, messaging systems, profile experiences, and community-driven interaction patterns.","sports":"Explore sports app UI inspiration featuring live dashboards, energetic layouts, score systems, real-time statistics, match tracking, and fan-focused mobile experiences.","travel":"Browse travel app UI inspiration featuring immersive destination imagery, booking systems, map-based layouts, itinerary experiences, and atmospheric trip-planning interfaces.","utilities":"Explore utility app UI inspiration with compact workflows, minimal layouts, quick-action systems, status dashboards, and highly efficient mobile interaction patterns.","weather":"Browse weather app UI inspiration featuring atmospheric gradients, layered forecast dashboards, environmental data visualization, glassmorphism interfaces, and glanceable information layouts.","books":"Browse book app icon inspiration featuring editorial symbolism, reading metaphors, publishing aesthetics, knowledge-focused visuals, and refined literary design systems.","catalogs":"Explore catalog app icon inspiration with collection metaphors, inventory systems, browsing symbolism, shopping aesthetics, and structured organizational visuals.","medical":"Browse medical app icon inspiration featuring healthcare symbolism, clinical trust, wellness-focused colors, clean geometry, and calm professional visual systems.","magazines & newspapers":"Explore magazine and newspaper app icon inspiration with editorial aesthetics, publication symbolism, typography-driven visuals, and media-focused interface branding."},"style":{"minimalism":"Browse minimalist app icon inspiration focused on reduced forms, disciplined silhouettes, restrained color systems, and strong small-size recognizability.","glassmorphism":"Browse glassmorphism app icon inspiration featuring translucent layers, reflective surfaces, soft highlights, depth effects, glass materials, and polished visual systems.","neumorphism":"Explore neumorphism app icon inspiration featuring soft extrusion, low-contrast surfaces, tactile depth, diffused shadowing, and calm interface-friendly volume.","claymorphism":"Browse claymorphism app icon inspiration with rounded objects, soft materials, friendly proportions, matte surfaces, and approachable modern product aesthetics.","skeuomorphism":"Explore skeuomorphic app icon inspiration featuring tactile materials, realistic lighting, physical textures, dimensional depth, and object-driven interface aesthetics.","swiss modern":"Browse Swiss Modern app icon inspiration featuring disciplined grids, precise geometry, restrained color relationships, typographic clarity, and formal visual control.","editorial":"Explore editorial app icon inspiration with typography-aware composition, refined contrast, image-like framing, and cultured publication-oriented visual language.","brutalism":"Browse brutalist app icon inspiration featuring stark contrast, raw geometry, unapologetic structure, and high-impact digital expression.","neo-brutalism":"Explore neo-brutalist app icon inspiration featuring punchy color, hard edges, playful tension, bold outlines, and assertive contemporary digital character.","corporate":"Browse corporate app icon inspiration featuring stable geometry, trust-building simplicity, neutral structure, and product-ready brand consistency.","futuristic":"Explore futuristic app icon inspiration with digital glow, speculative form language, synthetic depth, and forward-looking visual systems.","experimental":"Browse experimental app icon inspiration featuring unusual form combinations, unexpected contrast, visual tension, and boundary-pushing digital aesthetics.","ai native":"Explore AI-native app icon inspiration with calm futurity, model-era product polish, subtle abstraction, and software-first visual systems shaped by contemporary AI brands.","web3 era":"Browse Web3-era app icon inspiration featuring speculative symbolism, glossy gradients, digital token aesthetics, and crypto-adjacent product branding cues.","startup minimalism":"Explore startup minimalism app icon inspiration with calm surfaces, clean geometry, low-noise color systems, and polished AI-era product simplicity.","retro tech":"Browse retro tech app icon inspiration featuring nostalgic digital cues, vintage interface references, saturated accents, and revived early-computing aesthetics.","visionos style":"Explore visionOS-style app icon inspiration with airy depth, layered translucency, gentle lighting, and spatial-computing visual restraint."}},"event":{"color":{"black":"Explore black website, app, and icon inspiration featuring dark interfaces, premium contrast, cinematic presentation, and bold visual hierarchy.","blue":"Browse blue design inspiration with trustworthy tones, layered gradients, calm interfaces, technology-focused aesthetics, and modern digital product styling.","brown":"Explore brown and earthy design inspiration featuring warm neutrals, natural textures, hospitality aesthetics, organic materials, and grounded visual systems.","gray":"Browse gray design inspiration with restrained palettes, editorial spacing, soft contrast, minimal interfaces, and refined visual balance.","green":"Explore green design inspiration for wellness, sustainability, finance, productivity, and products that benefit from fresh, positive, and calming visual tones.","multicolored":"Browse multicolored design inspiration featuring vibrant palettes, expressive branding, layered gradients, illustration systems, and energetic visual storytelling.","orange":"Explore orange design inspiration with energetic accents, warm product storytelling, bold calls to action, and approachable digital aesthetics.","pink":"Browse pink design inspiration featuring expressive branding, soft gradients, playful tones, editorial aesthetics, and lifestyle-focused visual systems.","purple":"Explore purple design inspiration often used in AI products, creative tools, entertainment platforms, premium branding, and futuristic digital experiences.","red":"Browse red design inspiration with bold branding, strong emotional energy, attention-focused interfaces, food-oriented visuals, and action-driven digital aesthetics.","white":"Explore white design inspiration focused on clarity, whitespace, editorial layouts, minimal interfaces, and refined visual hierarchy.","yellow":"Browse yellow design inspiration featuring optimistic palettes, energetic accents, playful branding, and high-visibility visual presentation."}}},"zh":{"web":{"color":{"black":"浏览黑色系网站、App 与图标设计灵感，涵盖深色界面、高级对比、电影感呈现和大胆的视觉层次。","blue":"浏览蓝色系设计灵感，涵盖沉稳色调、层次渐变、平静界面、科技美学与现代数字产品风格。","brown":"浏览棕色与大地色系设计灵感，涵盖温暖中性色、自然肌理、酒店美学、有机材质与沉稳视觉体系。","gray":"浏览灰色系设计灵感，涵盖克制配色、编辑级留白、柔和对比、极简界面与精致视觉平衡。","green":"浏览绿色系设计灵感，适用于健康、可持续、金融、效率类产品，带来清新、积极与舒缓的视觉感受。","multicolored":"浏览多彩设计灵感，涵盖丰富配色、表现力品牌、层次渐变、插画体系与活力视觉叙事。","orange":"浏览橙色系设计灵感，涵盖活力点缀、温暖产品叙事、大胆行动号召与亲和数字美学。","pink":"浏览粉色系设计灵感，涵盖表现力品牌、柔和渐变、俏皮色调、编辑美学与生活方式视觉体系。","purple":"浏览紫色系设计灵感，常见于 AI 产品、创意工具、娱乐平台、高端品牌与未来感数字体验。","red":"浏览红色系设计灵感，涵盖大胆品牌、强烈情感能量、聚焦注意力界面、餐饮视觉与行动驱动数字美学。","white":"浏览白色系设计灵感，聚焦清晰感、留白、编辑布局、极简界面与精致视觉层次。","yellow":"浏览黄色系设计灵感，涵盖乐观配色、活力点缀、俏皮品牌与高可见度视觉呈现。"},"industry":{"agency":"浏览设计公司网站灵感，涵盖自信排版、模块化案例布局、转化驱动叙事与精致工作室品牌体系。","beauty":"浏览美妆网站灵感，涵盖奢华视觉体系、柔和配色、沉浸式产品叙事、编辑级摄影与高级品牌体验。","ai":"浏览 AI 网站灵感，涵盖未来感界面、渐变美学、沉浸式布局、现代产品叙事与智能数字体验。","automotive":"浏览交通出行网站灵感，涵盖汽车发布、航空与骑行体验、出行服务、产品展示与交通场景叙事。","blog":"浏览博客网站灵感，涵盖编辑布局、字体优先阅读体系、结构化文章导航与内容优先的叙事体验。","branding":"浏览品牌设计网站灵感，涵盖视觉识别体系、编辑级构图、沉浸式叙事与表现力创意指导。","developer tools":"浏览开发者工具网站灵感，涵盖技术仪表盘、结构化文档布局、深色界面体系、API 导向界面与现代基础设施美学。","education":"浏览教育网站灵感，涵盖结构化学习布局、上手引导流程、进度驱动体验、平静视觉体系与知识聚焦叙事。","e-commerce":"浏览电商网站灵感，涵盖沉浸式产品布局、商品陈列体系、转化导向落地页、现代结账流程与视觉购物体验。","finance":"浏览金融网站灵感，涵盖高级仪表盘、层次数据可视化、信任感布局、金融科技美学与现代金融叙事。","food & delivery":"浏览餐饮与外卖网站灵感，涵盖食欲驱动图像、温暖视觉体系、沉浸式产品展示与现代点餐体验。","gaming":"浏览游戏网站灵感，涵盖电影级视觉、沉浸世界、动效驱动叙事、暗黑氛围与表现力交互体验。","healthcare":"浏览医疗健康网站灵感，涵盖平静视觉体系、健康美学、信任感布局、柔和配色与无障碍产品体验。","magazine":"浏览杂志网站灵感，涵盖编辑排版、层次网格体系、沉浸式叙事、结构化阅读流与内容丰富的布局。","marketplace":"浏览平台交易网站灵感，涵盖密集浏览体系、分类驱动导航、信任感布局、搜索密集型界面与可扩展产品生态。","media":"浏览媒体网站灵感，涵盖电影级叙事、沉浸式视觉、编辑布局、内容导向导航与表现力数字出版体系。","platform":"浏览平台产品网站灵感，涵盖模块化布局、生态聚焦叙事、可扩展产品结构、仪表盘体系与现代 SaaS 美学。","productivity":"浏览效率工具网站灵感，涵盖结构化仪表盘、专注工作流、极简界面、协作体系与高效数字产品体验。","real estate":"浏览房地产网站灵感，涵盖沉浸式房源图像、奢华展示体系、地图浏览、编辑布局与位置驱动叙事。","saas":"浏览精选 SaaS 网站灵感，涵盖现代落地页、仪表盘界面、AI 产品叙事、模块化布局与转化导向产品体验。","social":"浏览社交网站灵感，涵盖创作者导向布局、沉浸式信息流、消息体系、社区驱动互动与表现力数字体验。","studio":"浏览工作室网站灵感，涵盖创意指导、沉浸式作品集、编辑布局、字体驱动叙事与现代设计机构美学。","technology":"浏览科技网站灵感，涵盖未来感布局、产品聚焦叙事、深色界面、技术视觉与现代数字品牌体系。","travel":"浏览旅游网站灵感，涵盖沉浸式目的地图像、编辑叙事、预订流程、地图布局与氛围感规划体验。","consumer electronics":"浏览消费电子网站灵感，涵盖硬件产品展示、沉浸式设备叙事、高级视觉体系与现代产品营销体验。"},"style":{"3d":"浏览 3D 网站灵感，涵盖渲染物体、空间深度、沉浸式叙事、层次光照与触感数字美学。","artistic":"浏览艺术化网站灵感，涵盖表现力构图、非常规视觉、画廊感节奏与强烈创意指导。","bold":"浏览大胆风格网站灵感，涵盖超大排版、高对比、自信品牌、戏剧化布局与醒目视觉层次。","clean":"浏览清爽风格网站灵感，涵盖平衡间距、精致排版、低噪音界面与平静内容呈现。","colorful":"浏览多彩风格网站灵感，涵盖活力配色、表现力渐变、俏皮对比与活力视觉叙事。","elegant":"浏览优雅风格网站灵感，涵盖精致排版、克制配色、高级留白与成熟编辑节奏。","experimental":"浏览实验性网站灵感，涵盖非常规布局、沉浸式动效体系、互动叙事与探索性视觉方向。","flat design":"浏览扁平设计网站灵感，涵盖简化几何、明快配色、清晰图标与极简界面构成。","high contrast":"浏览高对比网站灵感，涵盖戏剧性搭配、强可读性、大胆排版与冲击力视觉层次。","image-driven":"浏览图片驱动网站灵感，涵盖电影级摄影、沉浸式媒体布局、编辑叙事与视觉主导体验。","illustration":"浏览插画风网站灵感，涵盖定制插画、俏皮视觉隐喻、表现力场景与角色驱动叙事。","minimal":"浏览极简网站灵感，聚焦精致排版、宽敞布局、克制配色、精简界面与平静视觉层次。","monochrome":"浏览单色网站灵感，围绕排版、肌理、对比、克制配色与编辑级视觉体系构建。","modern":"浏览现代风格网站灵感，涵盖简洁布局、当代排版、精致交互、考究间距与当下数字产品美学。","playful":"浏览活泼风格网站灵感，涵盖友好视觉、多彩体系、表现力动效、亲和交互与活力数字体验。","soft ui":"浏览柔和界面网站灵感，涵盖圆润表面、微妙阴影、柔和光照、平滑材质与亲和产品美学。","typography-first":"浏览字体优先网站灵感，以编辑层次、排版节奏、超大标题与结构化阅读体系定义体验。"},"layout":{"card-based":"浏览卡片式网站灵感，涵盖模块化内容体系、仪表盘布局、产品预览与高可扫描性视觉结构。","content-first":"浏览内容优先网站灵感，涵盖编辑层次、阅读导向布局、结构化信息体系与沉浸式叙事流。","fullscreen":"浏览全屏网站灵感，涵盖沉浸式视觉、电影级呈现、超大排版与专注叙事体验。","grid":"浏览网格布局网站灵感，涵盖画廊布局、模块化视觉体系、作品集结构与高度组织化的浏览体验。","hero-focused":"浏览首屏主导网站灵感，涵盖大胆第一印象、超大排版、产品叙事、沉浸式视觉与转化驱动布局。","hidden menu":"浏览隐藏菜单网站灵感，涵盖极简导航体系、沉浸式布局、精简界面元素与无干扰视觉呈现。","horizontal layout":"浏览横向布局网站灵感，涵盖全景叙事、侧向滚动画廊、时间线体系与沉浸式导航体验。","list-based":"浏览列表式网站灵感，涵盖结构化归档、编辑信息流、排行体系、目录布局与可重复浏览模式。","modular sections":"浏览模块化分区网站灵感，涵盖可复用内容带、产品叙事区块、层次落地页与可扩展布局体系。","multi column":"浏览多栏布局网站灵感，涵盖编辑级信息密度、对比导向布局、结构化阅读体系与信息丰富界面。","single column":"浏览单栏布局网站灵感，涵盖线性叙事、专注阅读流、平静布局与简化导航体系。","tab layout":"浏览标签页布局网站灵感，涵盖紧凑导航体系、有序内容切换、结构化产品详情与仪表盘导向界面。","top navigation":"浏览顶部导航网站灵感，涵盖清晰浏览体系、结构化层级、可预测导航模式与现代网页布局。","visual-first":"浏览视觉优先网站灵感，涵盖沉浸式图像、电影级叙事、表现力艺术作品与媒体主导数字体验。"},"page-type":{"landing page":"浏览落地页设计灵感，聚焦第一印象、转化流程、首屏信息、产品定位与清晰行动号召。","product page":"浏览产品页设计灵感，适用于功能叙事、产品视觉、对比模块、利益层级与购买或注册决策。","dashboard":"浏览仪表盘设计灵感，涵盖高密度数据布局、运营视图、图表、状态体系、控制组件与高频使用界面。","documentation":"浏览文档页设计灵感，涵盖结构化导航、技术内容、代码示例、可读排版与面向开发者的信息设计。","portfolio":"浏览作品集网站灵感，适用于个人设计师、摄影师、插画师、艺术指导与创意从业者展示精选作品、服务与个人身份。","pricing page":"浏览价格页设计灵感，适用于套餐对比、功能矩阵、信任信号、计费选择与转化导向的 SaaS 购买流程。","blog post":"浏览博客文章页设计灵感，涵盖编辑节奏、易读文章布局、媒体嵌入、作者信息、相关推荐与长文叙事。","coming soon":"浏览即将上线页设计灵感，适用于发布预告、候补名单收集、产品暗示、简洁叙事与发布前品牌记忆点。"}},"app":{"color":{"black":"浏览黑色系网站、App 与图标设计灵感，涵盖深色界面、高级对比、电影感呈现和大胆的视觉层次。","blue":"浏览蓝色系设计灵感，涵盖沉稳色调、层次渐变、平静界面、科技美学与现代数字产品风格。","brown":"浏览棕色与大地色系设计灵感，涵盖温暖中性色、自然肌理、酒店美学、有机材质与沉稳视觉体系。","gray":"浏览灰色系设计灵感，涵盖克制配色、编辑级留白、柔和对比、极简界面与精致视觉平衡。","green":"浏览绿色系设计灵感，适用于健康、可持续、金融、效率类产品，带来清新、积极与舒缓的视觉感受。","multicolored":"浏览多彩设计灵感，涵盖丰富配色、表现力品牌、层次渐变、插画体系与活力视觉叙事。","orange":"浏览橙色系设计灵感，涵盖活力点缀、温暖产品叙事、大胆行动号召与亲和数字美学。","pink":"浏览粉色系设计灵感，涵盖表现力品牌、柔和渐变、俏皮色调、编辑美学与生活方式视觉体系。","purple":"浏览紫色系设计灵感，常见于 AI 产品、创意工具、娱乐平台、高端品牌与未来感数字体验。","red":"浏览红色系设计灵感，涵盖大胆品牌、强烈情感能量、聚焦注意力界面、餐饮视觉与行动驱动数字美学。","white":"浏览白色系设计灵感，聚焦清晰感、留白、编辑布局、极简界面与精致视觉层次。","yellow":"浏览黄色系设计灵感，涵盖乐观配色、活力点缀、俏皮品牌与高可见度视觉呈现。"},"category":{"business":"浏览商务 App UI 灵感，涵盖运营仪表盘、工作流体系、企业导航、结构化数据布局与精致效率移动体验。","education":"浏览教育 App UI 灵感，涵盖结构化学习流程、平静布局、进度体系、上手引导与知识聚焦移动体验。","entertainment":"浏览娱乐 App UI 灵感，涵盖沉浸式媒体布局、表现力视觉、发现体系、流媒体界面与电影级浏览体验。","finance":"浏览金融 App UI 灵感，涵盖现代仪表盘、层次数据可视化、信任感界面、高级深色主题与结构化金融体验。","food & drink":"浏览餐饮 App UI 灵感，涵盖食欲驱动图像、温暖配色体系、菜单布局、配送流程与现代点餐体验。","games":"浏览游戏 App UI 灵感，涵盖沉浸式界面、奖励体系、进程流程、表现力视觉、俏皮交互与活力数字氛围。","graphics & design":"浏览图形设计 App UI 灵感，涵盖创意工作流、画布界面、层次工具体系、视觉产出布局与表现力数字美学。","health & fitness":"浏览健康健美 App UI 灵感，涵盖健康追踪、激励体系、柔和渐变、简洁仪表盘与平静移动交互模式。","lifestyle":"浏览生活 App UI 灵感，涵盖编辑布局、柔和视觉体系、个性化内容流、购物体验与现代日常交互。","music":"浏览音乐 App UI 灵感，涵盖沉浸式浏览、层次媒体布局、深色主题、音频导向界面、播放列表体系与氛围感视觉呈现。","navigation":"浏览导航 App UI 灵感，涵盖地图布局、空间界面、路线可视化体系、移动追踪与实时出行体验。","news":"浏览新闻 App UI 灵感，涵盖编辑布局、字体优先阅读体系、结构化内容流、深色阅读模式与现代出版体验。","photo & video":"浏览摄影录像 App UI 灵感，涵盖创作工作流、沉浸式画廊、编辑体系、电影级布局、媒体导向导航与视觉叙事工具。","productivity":"浏览效率 App UI 灵感，涵盖专注工作流、结构化仪表盘、极简界面、任务体系、笔记体验与高效移动交互模式。","reference":"浏览参考 App UI 灵感，涵盖结构化知识体系、分类布局、搜索导向界面、紧凑导航与快速信息检索体验。","shopping":"浏览购物 App UI 灵感，涵盖产品发现体系、沉浸式产品布局、现代商品陈列、流畅结账流程与转化导向移动体验。","social networking":"浏览社交 App UI 灵感，涵盖创作者导向布局、沉浸式信息流、消息体系、个人主页体验与社区驱动交互模式。","sports":"浏览体育 App UI 灵感，涵盖实时仪表盘、活力布局、比分体系、实时统计、赛事追踪与球迷导向移动体验。","travel":"浏览旅游 App UI 灵感，涵盖沉浸式目的地图像、预订体系、地图布局、行程体验与氛围感旅行规划界面。","utilities":"浏览工具 App UI 灵感，涵盖紧凑工作流、极简布局、快捷操作体系、状态仪表盘与高效移动交互模式。","weather":"浏览天气 App UI 灵感，涵盖氛围感渐变、层次预报仪表盘、环境数据可视化、玻璃拟态界面与一览式信息布局。"},"device":{"ipad":"浏览 iPad App UI 灵感，涵盖沉浸式大屏布局、分屏体系、模块化仪表盘、媒体丰富界面与平板优化工作流。","iphone":"浏览 iPhone App UI 灵感，涵盖紧凑移动布局、触控优先导航、上手引导体系、层次卡片、手势操作与精致移动交互模式。"}},"screenshot":{"color":{"black":"浏览黑色系网站、App 与图标设计灵感，涵盖深色界面、高级对比、电影感呈现和大胆的视觉层次。","blue":"浏览蓝色系设计灵感，涵盖沉稳色调、层次渐变、平静界面、科技美学与现代数字产品风格。","brown":"浏览棕色与大地色系设计灵感，涵盖温暖中性色、自然肌理、酒店美学、有机材质与沉稳视觉体系。","gray":"浏览灰色系设计灵感，涵盖克制配色、编辑级留白、柔和对比、极简界面与精致视觉平衡。","green":"浏览绿色系设计灵感，适用于健康、可持续、金融、效率类产品，带来清新、积极与舒缓的视觉感受。","multicolored":"浏览多彩设计灵感，涵盖丰富配色、表现力品牌、层次渐变、插画体系与活力视觉叙事。","orange":"浏览橙色系设计灵感，涵盖活力点缀、温暖产品叙事、大胆行动号召与亲和数字美学。","pink":"浏览粉色系设计灵感，涵盖表现力品牌、柔和渐变、俏皮色调、编辑美学与生活方式视觉体系。","purple":"浏览紫色系设计灵感，常见于 AI 产品、创意工具、娱乐平台、高端品牌与未来感数字体验。","red":"浏览红色系设计灵感，涵盖大胆品牌、强烈情感能量、聚焦注意力界面、餐饮视觉与行动驱动数字美学。","white":"浏览白色系设计灵感，聚焦清晰感、留白、编辑布局、极简界面与精致视觉层次。","yellow":"浏览黄色系设计灵感，涵盖乐观配色、活力点缀、俏皮品牌与高可见度视觉呈现。"},"category":{"business":"浏览商务 App UI 灵感，涵盖运营仪表盘、工作流体系、企业导航、结构化数据布局与精致效率移动体验。","education":"浏览教育 App UI 灵感，涵盖结构化学习流程、平静布局、进度体系、上手引导与知识聚焦移动体验。","entertainment":"浏览娱乐 App UI 灵感，涵盖沉浸式媒体布局、表现力视觉、发现体系、流媒体界面与电影级浏览体验。","finance":"浏览金融 App UI 灵感，涵盖现代仪表盘、层次数据可视化、信任感界面、高级深色主题与结构化金融体验。","food & drink":"浏览餐饮 App UI 灵感，涵盖食欲驱动图像、温暖配色体系、菜单布局、配送流程与现代点餐体验。","games":"浏览游戏 App UI 灵感，涵盖沉浸式界面、奖励体系、进程流程、表现力视觉、俏皮交互与活力数字氛围。","graphics & design":"浏览图形设计 App UI 灵感，涵盖创意工作流、画布界面、层次工具体系、视觉产出布局与表现力数字美学。","health & fitness":"浏览健康健美 App UI 灵感，涵盖健康追踪、激励体系、柔和渐变、简洁仪表盘与平静移动交互模式。","lifestyle":"浏览生活 App UI 灵感，涵盖编辑布局、柔和视觉体系、个性化内容流、购物体验与现代日常交互。","music":"浏览音乐 App UI 灵感，涵盖沉浸式浏览、层次媒体布局、深色主题、音频导向界面、播放列表体系与氛围感视觉呈现。","navigation":"浏览导航 App UI 灵感，涵盖地图布局、空间界面、路线可视化体系、移动追踪与实时出行体验。","news":"浏览新闻 App UI 灵感，涵盖编辑布局、字体优先阅读体系、结构化内容流、深色阅读模式与现代出版体验。","photo & video":"浏览摄影录像 App UI 灵感，涵盖创作工作流、沉浸式画廊、编辑体系、电影级布局、媒体导向导航与视觉叙事工具。","productivity":"浏览效率 App UI 灵感，涵盖专注工作流、结构化仪表盘、极简界面、任务体系、笔记体验与高效移动交互模式。","reference":"浏览参考 App UI 灵感，涵盖结构化知识体系、分类布局、搜索导向界面、紧凑导航与快速信息检索体验。","shopping":"浏览购物 App UI 灵感，涵盖产品发现体系、沉浸式产品布局、现代商品陈列、流畅结账流程与转化导向移动体验。","social networking":"浏览社交 App UI 灵感，涵盖创作者导向布局、沉浸式信息流、消息体系、个人主页体验与社区驱动交互模式。","sports":"浏览体育 App UI 灵感，涵盖实时仪表盘、活力布局、比分体系、实时统计、赛事追踪与球迷导向移动体验。","travel":"浏览旅游 App UI 灵感，涵盖沉浸式目的地图像、预订体系、地图布局、行程体验与氛围感旅行规划界面。","utilities":"浏览工具 App UI 灵感，涵盖紧凑工作流、极简布局、快捷操作体系、状态仪表盘与高效移动交互模式。","weather":"浏览天气 App UI 灵感，涵盖氛围感渐变、层次预报仪表盘、环境数据可视化、玻璃拟态界面与一览式信息布局。"},"platform":{"iphone":"浏览 iPhone App Store 截图灵感，涵盖竖屏移动布局、精简功能叙事与触控优先的产品展示。","ipad":"浏览 iPad App Store 截图灵感，涵盖大屏构图、横屏产品流程与平板优化界面预览。","mac":"浏览 Mac App Store 截图灵感，涵盖桌面布局、窗口化工作流与效率导向产品展示。","apple watch":"浏览 Apple Watch App Store 截图灵感，适合可快速扫读的穿戴界面与紧凑交互预览。","imessage":"浏览 iMessage App Store 截图灵感，适用于贴纸、扩展与消息场景产品预览。"}},"icon":{"color":{"black":"浏览黑色系网站、App 与图标设计灵感，涵盖深色界面、高级对比、电影感呈现和大胆的视觉层次。","blue":"浏览蓝色系设计灵感，涵盖沉稳色调、层次渐变、平静界面、科技美学与现代数字产品风格。","brown":"浏览棕色与大地色系设计灵感，涵盖温暖中性色、自然肌理、酒店美学、有机材质与沉稳视觉体系。","gray":"浏览灰色系设计灵感，涵盖克制配色、编辑级留白、柔和对比、极简界面与精致视觉平衡。","green":"浏览绿色系设计灵感，适用于健康、可持续、金融、效率类产品，带来清新、积极与舒缓的视觉感受。","multicolored":"浏览多彩设计灵感，涵盖丰富配色、表现力品牌、层次渐变、插画体系与活力视觉叙事。","orange":"浏览橙色系设计灵感，涵盖活力点缀、温暖产品叙事、大胆行动号召与亲和数字美学。","pink":"浏览粉色系设计灵感，涵盖表现力品牌、柔和渐变、俏皮色调、编辑美学与生活方式视觉体系。","purple":"浏览紫色系设计灵感，常见于 AI 产品、创意工具、娱乐平台、高端品牌与未来感数字体验。","red":"浏览红色系设计灵感，涵盖大胆品牌、强烈情感能量、聚焦注意力界面、餐饮视觉与行动驱动数字美学。","white":"浏览白色系设计灵感，聚焦清晰感、留白、编辑布局、极简界面与精致视觉层次。","yellow":"浏览黄色系设计灵感，涵盖乐观配色、活力点缀、俏皮品牌与高可见度视觉呈现。"},"category":{"business":"浏览商务 App UI 灵感，涵盖运营仪表盘、工作流体系、企业导航、结构化数据布局与精致效率移动体验。","education":"浏览教育 App UI 灵感，涵盖结构化学习流程、平静布局、进度体系、上手引导与知识聚焦移动体验。","entertainment":"浏览娱乐 App UI 灵感，涵盖沉浸式媒体布局、表现力视觉、发现体系、流媒体界面与电影级浏览体验。","finance":"浏览金融 App UI 灵感，涵盖现代仪表盘、层次数据可视化、信任感界面、高级深色主题与结构化金融体验。","food & drink":"浏览餐饮 App UI 灵感，涵盖食欲驱动图像、温暖配色体系、菜单布局、配送流程与现代点餐体验。","games":"浏览游戏 App UI 灵感，涵盖沉浸式界面、奖励体系、进程流程、表现力视觉、俏皮交互与活力数字氛围。","graphics & design":"浏览图形设计 App UI 灵感，涵盖创意工作流、画布界面、层次工具体系、视觉产出布局与表现力数字美学。","health & fitness":"浏览健康健美 App UI 灵感，涵盖健康追踪、激励体系、柔和渐变、简洁仪表盘与平静移动交互模式。","lifestyle":"浏览生活 App UI 灵感，涵盖编辑布局、柔和视觉体系、个性化内容流、购物体验与现代日常交互。","music":"浏览音乐 App UI 灵感，涵盖沉浸式浏览、层次媒体布局、深色主题、音频导向界面、播放列表体系与氛围感视觉呈现。","navigation":"浏览导航 App UI 灵感，涵盖地图布局、空间界面、路线可视化体系、移动追踪与实时出行体验。","news":"浏览新闻 App UI 灵感，涵盖编辑布局、字体优先阅读体系、结构化内容流、深色阅读模式与现代出版体验。","photo & video":"浏览摄影录像 App UI 灵感，涵盖创作工作流、沉浸式画廊、编辑体系、电影级布局、媒体导向导航与视觉叙事工具。","productivity":"浏览效率 App UI 灵感，涵盖专注工作流、结构化仪表盘、极简界面、任务体系、笔记体验与高效移动交互模式。","reference":"浏览参考 App UI 灵感，涵盖结构化知识体系、分类布局、搜索导向界面、紧凑导航与快速信息检索体验。","shopping":"浏览购物 App UI 灵感，涵盖产品发现体系、沉浸式产品布局、现代商品陈列、流畅结账流程与转化导向移动体验。","social networking":"浏览社交 App UI 灵感，涵盖创作者导向布局、沉浸式信息流、消息体系、个人主页体验与社区驱动交互模式。","sports":"浏览体育 App UI 灵感，涵盖实时仪表盘、活力布局、比分体系、实时统计、赛事追踪与球迷导向移动体验。","travel":"浏览旅游 App UI 灵感，涵盖沉浸式目的地图像、预订体系、地图布局、行程体验与氛围感旅行规划界面。","utilities":"浏览工具 App UI 灵感，涵盖紧凑工作流、极简布局、快捷操作体系、状态仪表盘与高效移动交互模式。","weather":"浏览天气 App UI 灵感，涵盖氛围感渐变、层次预报仪表盘、环境数据可视化、玻璃拟态界面与一览式信息布局。","books":"浏览图书应用图标灵感，涵盖编辑象征、阅读隐喻、出版美学、知识聚焦视觉与精致文学设计体系。","catalogs":"浏览目录应用图标灵感，涵盖收藏隐喻、库存体系、浏览象征、购物美学与结构化组织视觉。","medical":"浏览医疗应用图标灵感，涵盖健康象征、临床信任感、健康配色、清晰几何与平静专业视觉体系。","magazines & newspapers":"浏览报刊杂志应用图标灵感，涵盖编辑美学、出版象征、字体驱动视觉与媒体导向界面品牌。"},"style":{"minimalism":"浏览极简主义应用图标灵感，涵盖克制造型、清晰轮廓、精简配色体系与优秀的小尺寸识别度。","glassmorphism":"浏览玻璃拟态应用图标灵感，涵盖半透明层、反射表面、柔和高光、深度效果、玻璃材质与精致视觉体系。","neumorphism":"浏览新拟态应用图标灵感，涵盖柔和起伏、低对比表面、触感纵深、扩散阴影与平静的界面体积感。","claymorphism":"浏览黏土拟态应用图标灵感，涵盖圆润物体、柔软材质、亲和比例、哑光表面与现代产品的友好气质。","skeuomorphism":"浏览拟物化应用图标灵感，涵盖触感材质、写实光照、物理肌理、立体深度与物体驱动的界面美学。","swiss modern":"浏览瑞士现代主义应用图标灵感，涵盖克制网格、精准几何、理性色彩关系、排版清晰度与严格的视觉控制。","editorial":"浏览编辑感应用图标灵感，涵盖关注排版的构图、精致对比、图像化取景与具有出版气质的视觉语言。","brutalism":"浏览野性主义应用图标灵感，涵盖强烈对比、原始几何、直接结构与高冲击数字表达。","neo-brutalism":"浏览新野性主义应用图标灵感，涵盖鲜明色彩、硬朗边缘、俏皮张力、粗线描边与强势的当代数字气质。","corporate":"浏览企业风格应用图标灵感，涵盖稳定几何、可信赖的简洁表达、中性结构与产品化品牌一致性。","futuristic":"浏览未来感应用图标灵感，涵盖数字辉光、前瞻造型语言、合成纵深与面向未来的视觉体系。","experimental":"浏览实验性应用图标灵感，涵盖非常规形态组合、意外对比、视觉张力与突破边界的数字美学。","ai native":"浏览 AI 原生应用图标灵感，涵盖克制的未来感、模型时代产品质感、轻度抽象与当代 AI 品牌塑造的软件化视觉体系。","web3 era":"浏览 Web3 时代应用图标灵感，涵盖投机感符号、光泽渐变、数字资产美学与加密产品品牌化线索。","startup minimalism":"浏览创业公司极简风应用图标灵感，涵盖平静表面、简洁几何、低噪声配色体系与 AI 时代的产品化克制感。","retro tech":"浏览复古科技应用图标灵感，涵盖怀旧数字线索、早期界面引用、高饱和点缀与再演绎的早期计算美学。","visionos style":"浏览 visionOS 风格应用图标灵感，涵盖轻盈纵深、分层半透明、柔和光照与空间计算的克制视觉语言。"}},"event":{"color":{"black":"浏览黑色系网站、App 与图标设计灵感，涵盖深色界面、高级对比、电影感呈现和大胆的视觉层次。","blue":"浏览蓝色系设计灵感，涵盖沉稳色调、层次渐变、平静界面、科技美学与现代数字产品风格。","brown":"浏览棕色与大地色系设计灵感，涵盖温暖中性色、自然肌理、酒店美学、有机材质与沉稳视觉体系。","gray":"浏览灰色系设计灵感，涵盖克制配色、编辑级留白、柔和对比、极简界面与精致视觉平衡。","green":"浏览绿色系设计灵感，适用于健康、可持续、金融、效率类产品，带来清新、积极与舒缓的视觉感受。","multicolored":"浏览多彩设计灵感，涵盖丰富配色、表现力品牌、层次渐变、插画体系与活力视觉叙事。","orange":"浏览橙色系设计灵感，涵盖活力点缀、温暖产品叙事、大胆行动号召与亲和数字美学。","pink":"浏览粉色系设计灵感，涵盖表现力品牌、柔和渐变、俏皮色调、编辑美学与生活方式视觉体系。","purple":"浏览紫色系设计灵感，常见于 AI 产品、创意工具、娱乐平台、高端品牌与未来感数字体验。","red":"浏览红色系设计灵感，涵盖大胆品牌、强烈情感能量、聚焦注意力界面、餐饮视觉与行动驱动数字美学。","white":"浏览白色系设计灵感，聚焦清晰感、留白、编辑布局、极简界面与精致视觉层次。","yellow":"浏览黄色系设计灵感，涵盖乐观配色、活力点缀、俏皮品牌与高可见度视觉呈现。"}}}}</script> </body> </html>