<!DOCTYPE html>
<html lang="en" style="background-color: #141414;">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="#141414" />

    <title>all4designer — design resources, fonts, mockups & plugins in Telegram</title>
    <meta name="description" content="all4designer — a catalog of design resources: fonts, mockups, icons, UI kits, plugins, presets and textures. Buy and download right inside Telegram." />
    <meta name="keywords" content="all4designer, design resources, fonts, mockups, plugins, ui kit, icons, presets, textures, brushes, telegram bot for designers" />
    <meta name="robots" content="index, follow, max-image-preview:large" />
    <meta name="yandex" content="index, follow" />
    <meta name="googlebot" content="index, follow" />
    <meta name="author" content="all4designer" />
    <link rel="canonical" href="https://all4designer.com/" />

    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="mask-icon" href="/favicon.svg" color="#90FF00" />
    <link rel="manifest" href="/site.webmanifest" />

    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="all4designer" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:locale:alternate" content="ru_RU" />
    <meta property="og:url" content="https://all4designer.com/" />
    <meta property="og:title" content="all4designer — design resources in Telegram" />
    <meta property="og:description" content="Fonts, mockups, icons, UI kits, plugins and textures. Buy and download right inside Telegram." />
    <meta property="og:image" content="https://all4designer.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="all4designer — design resources in Telegram" />
    <meta name="twitter:description" content="Fonts, mockups, icons, UI kits, plugins and textures. All inside Telegram." />
    <meta name="twitter:image" content="https://all4designer.com/og-image.png" />

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://all4designer.com/#organization",
          "name": "all4designer",
          "url": "https://all4designer.com/",
          "logo": "https://all4designer.com/og-image.png",
          "sameAs": ["https://t.me/all4designer_bot"]
        },
        {
          "@type": "WebSite",
          "@id": "https://all4designer.com/#website",
          "url": "https://all4designer.com/",
          "name": "all4designer",
          "description": "Catalog of design resources in Telegram: fonts, mockups, plugins, UI kits.",
          "inLanguage": "en-US",
          "publisher": { "@id": "https://all4designer.com/#organization" }
        },
        {
          "@type": "SoftwareApplication",
          "name": "all4designer",
          "operatingSystem": "Telegram",
          "applicationCategory": "DesignApplication",
          "url": "https://t.me/all4designer_bot/app",
          "description": "Telegram Mini App with a catalog of design resources at reduced prices.",
          "offers": { "@type": "Offer", "price": "0", "priceCurrency": "RUB" }
        }
      ]
    }
    </script>

    <script src="https://telegram.org/js/telegram-web-app.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <style>
      
      html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #141414 !important;
      }
      #splash {
        position: fixed;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #141414;
        z-index: 9999;
        transition: opacity 0.25s ease;
      }
      #splash.hide {
        opacity: 0;
        pointer-events: none;
      }
      #splash .splash-spinner {
        width: 28px;
        height: 28px;
        border: 2.5px solid rgba(255, 255, 255, 0.08);
        border-top-color: #90FF00;
        border-radius: 50%;
        animation: splash-spin 0.7s linear infinite;
      }
      @keyframes splash-spin {
        to { transform: rotate(360deg); }
      }
      
      #root:not(:empty) ~ #splash {
        opacity: 0;
        pointer-events: none;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-BvOBZ2Ct.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-D7tWRajn.css">
  </head>
  <body style="background-color: #141414;">
    <div id="root"></div>
    <div id="splash" aria-hidden="true"><div class="splash-spinner"></div></div>

    <noscript>
      <main style="max-width:720px;margin:40px auto;padding:0 20px;color:#e8e8e8;font-family:Inter,system-ui,sans-serif;line-height:1.6;">
        <h1 style="color:#90FF00;">all4designer — design resources in Telegram</h1>
        <p><strong>all4designer</strong> — a catalog of design resources. Everything works right inside Telegram: purchase, download, favorites, bundles.</p>
        <h2>What's inside</h2>
        <ul>
          <li>Fonts (Cyrillic and Latin)</li>
          <li>Mockups for presentations and portfolios</li>
          <li>Icons and UI kits</li>
          <li>Plugins for design tools</li>
          <li>Lightroom presets, textures, brushes</li>
        </ul>
        <h2>How it works</h2>
        <p>Open the Telegram bot <a href="https://t.me/all4designer_bot" style="color:#90FF00;">@all4designer_bot</a> or launch the Mini App: <a href="https://t.me/all4designer_bot/app" style="color:#90FF00;">t.me/all4designer_bot/app</a>.</p>
        <p><a href="https://t.me/all4designer_bot/app" style="display:inline-block;margin-top:12px;padding:12px 24px;background:#90FF00;color:#141414;text-decoration:none;border-radius:8px;font-weight:600;">Open in Telegram</a></p>
      </main>
    </noscript>

  </body>
</html>
