Name: TrustFactor
SKU: 1400320122257670164
Availability: OnlineOnly
Rating: 100 (3 reviews)

Social scoring system where community votes matter! Propose points through replies, reactions, or commands.

TrustFactor

this is a good bot for general or server use, and brings some unique and interesting function to servers. Try it out even if you think you don't need it, it's pretty good :3

<html><head><style>
  /*
    Site-wide theming for the Top.gg bot page.
    Keep it light-touch: only colors/accents, do not hide or reposition UI.
    Align the brand to Discord's blurple while preserving Top.gg structure.
  */

  :root,
  [data-theme="dark"],
  [data-theme="light"] {
    /* Brand palette (Discord Blurple + tints) */
    --color-brand: #5865f2;
    --color-brand-100: #5865f2; /* base */
    --color-brand-80: #6b76f6;  /* +12% */
    --color-brand-60: #7e88f9;  /* +24% */
    --color-brand-40: #a1a9ff;  /* +40% */
    --color-brand-20: #d6dbff;  /* subtle bg/gradients */
    --color-brand-10: #ebedff;
    --color-brand-5: #f6f7ff;

    /* Mirror Top.gg brand tokens to ensure consistent usage across Chakra UI */
    --top-gg-colors-brand-100: #5865f2;
    --top-gg-colors-brand-80: #6b76f6;
    --top-gg-colors-brand-60: #7e88f9;
    --top-gg-colors-brand-40: #a1a9ff;
    --top-gg-colors-brand-20: #d6dbff;
    --top-gg-colors-brand-10: #ebedff;
    --top-gg-colors-brand-5: #f6f7ff;

    /* Progress bar and focus accents derive from brand */
    --bprogress-color: var(--color-brand);
    --bprogress-box-shadow: 0 0 10px var(--color-brand), 0 0 5px var(--color-brand);
  }

  /* Tone down the Top.gg full-page overlay gradient (top-left to bottom-right) */
  div.w-full.h-screen.inset-0.-z-10.absolute.pointer-events-none {
    background: linear-gradient(170deg,
      rgba(12, 18, 48, 0.92) 0%,
      rgba(12, 18, 48, 0.65) 28%,
      transparent 60%) !important;
  }

  /* Gentle, accessible link styling to match brand (scoped) */
  [data-theme] a { color: var(--color-brand-80); }
  [data-theme] a:hover { color: var(--color-brand-100); }
  [data-theme] a:focus-visible { outline: 2px solid var(--color-brand-60); outline-offset: 2px; }

  /* Primary buttons and chips (generic selectors to avoid breaking layout) */
  [data-theme] .chakra-button, [data-theme] button[role="button"] {
    --btn-bg: var(--color-brand-80);
    --btn-bg-hover: var(--color-brand-100);
    --btn-fg: white;
    color: var(--btn-fg);
  }
  [data-theme] .chakra-button:not([disabled]) { background: var(--btn-bg); border-color: var(--color-brand-80); }
  [data-theme] .chakra-button:not([disabled]):hover { background: var(--btn-bg-hover); border-color: var(--color-brand-100); }

  /* Badges, switches, tabs and sliders often use brand tokens */
  [data-color="brand"], [data-theme] .chakra-switch[data-checked] { --switch-bg: var(--top-gg-colors-brand-200, var(--color-brand-60)); }

  /* Non-invasive scrollbar accent (respects OS width) */
  ::-webkit-scrollbar-thumb { background: var(--color-brand-40); }
  ::-webkit-scrollbar-thumb:hover { background: var(--color-brand-60); }

  /* Form controls focus states */
  [data-theme] input:focus, [data-theme] textarea:focus, [data-theme] select:focus {
    outline: 2px solid var(--color-brand-60);
    outline-offset: 1px;
    box-shadow: 0 0 0 2px rgba(88, 101, 242, 0.3);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-brand-60) 30%, transparent);
    border-color: var(--color-brand-60);
  }

  /* Text selection */
  ::selection { background: var(--color-brand-60); color: #fff; }
  ::-moz-selection { background: var(--color-brand-60); color: #fff; }

  /* Native controls accent (checkboxes/radios/progress) */
  [data-theme] input[type="checkbox"], [data-theme] input[type="radio"], [data-theme] progress { accent-color: var(--color-brand-80); }
  [data-theme] progress::-webkit-progress-value { background: var(--color-brand-80); }
  [data-theme] progress::-moz-progress-bar { background: var(--color-brand-80); }

  /* Subtle hr and divider tints */
  [data-theme] hr { border-color: rgba(88,101,242,.35); }

  /* Card and surface subtle border tints when allowed by site tokens */
  :root { --top-gg-colors-chakra-border-color: rgba(88, 101, 242, 0.35); }
</style>
</head><body><div style="--bg:#0b1020;--card:#121935;--ink:#e8ecff;--muted:#aab3d0;--accent:#5865f2;--accent2:#8ea0ff;--ok:#2ecc71;--warn:#ffb020;--bad:#ff6b6b; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--ink); background: radial-gradient(1100px 620px at 85% -10%, rgba(20,28,70,.35), transparent), radial-gradient(1000px 800px at 0% 120%, rgba(40,52,120,.22), transparent), var(--bg); padding: 20px; border-radius: 14px; box-shadow: 0 8px 40px rgba(0,0,0,.32); max-width: 860px; margin: 0 auto;">
    
    <div style="display:flex; flex-wrap:wrap; align-items:center; gap:14px;">
      <div style="flex:1 1 380px; min-width: 260px;">
        <div style="display:inline-flex; align-items:center; gap:6px; padding:5px 8px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:999px; font-size:11px; color:var(--muted); margin-bottom:8px;">
          <span>🤝 Community-powered reputation</span>
        </div>
        <h1 style="margin:0 0 6px 0; font-size:28px; line-height:1.12; letter-spacing:.2px; max-width:22ch;">TrustFactor — make recognition a team sport</h1>
        <p style="margin:0 0 12px 0; color:var(--muted); font-size:13.5px; line-height:1.45; max-width:60ch;">Social scoring system where community votes matter! Members propose point awards through replies (+2 awesome!), reactions (🔥), or commands. Think of it like Reddit Karma or Starboards... but better!</p>
        <div style="display:flex; gap:10px; flex-wrap:wrap;">
          <a href="https://discord.com/oauth2/authorize?client_id=1400320122257670164&amp;permissions=275146435648&amp;integration_type=0&amp;scope=applications.commands+bot" style="background: linear-gradient(90deg, var(--accent), var(--accent2)); color:white; text-decoration:none; padding:10px 14px; border-radius:10px; font-weight:800; font-size:13.5px; box-shadow:0 8px 20px rgba(87,101,242,.32);">➕ Invite Bot</a>
          <a href="https://discord.gg/2bk8f5YK4Y" style="background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:var(--ink); text-decoration:none; padding:10px 14px; border-radius:10px; font-weight:700; font-size:13.5px;">💬 Support Server</a>
        </div>
        <div style="margin-top:10px; color:var(--muted); font-size:12px;">No complicated setup — works out of the box, customizable when you're ready.</div>
      </div>
      <div style="flex:1 1 340px; min-width:260px;">
        <div style="background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:12px; display:grid; grid-template-columns:repeat(2,1fr); gap:8px;">
          <div style="background:rgba(0,0,0,.18); border-radius:10px; padding:10px;">
            <div style="font-size:20px">🏆</div>
            <div style="margin-top:6px; font-weight:800;">Leaderboards</div>
            <div style="color:var(--muted); font-size:11px;">Spot your top performers at a glance.</div>
          </div>
          <div style="background:rgba(0,0,0,.18); border-radius:10px; padding:10px;">
            <div style="font-size:20px">👍</div>
            <div style="margin-top:6px; font-weight:800;">One-tap votes</div>
            <div style="color:var(--muted); font-size:11px;">Approve or reject in seconds.</div>
          </div>
          <div style="background:rgba(0,0,0,.18); border-radius:10px; padding:10px;">
            <div style="font-size:20px">✨</div>
            <div style="margin-top:6px; font-weight:800;">Reactions → points</div>
            <div style="color:var(--muted); font-size:11px;">🔥 = +5, 🥶 = -5, your rules.</div>
          </div>
          <div style="background:rgba(0,0,0,.18); border-radius:10px; padding:10px;">
            <div style="font-size:20px">🛡️</div>
            <div style="margin-top:6px; font-weight:800;">Fair by design</div>
            <div style="color:var(--muted); font-size:11px;">Community decides, not just mods.</div>
          </div>
        </div>
      </div>
    </div>
    
    <div style="margin-top:20px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:10px;">
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:14px;">
        <div style="font-size:18px; margin-bottom:4px;">💬 Give props in chat</div>
        <div style="color:var(--muted); font-size:12px;">Reply with “+5 great idea” or use a quick slash — simple, fast, delightful.</div>
      </div>
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:14px;">
        <div style="font-size:18px; margin-bottom:4px;">🗳️ Votes that feel fair</div>
        <div style="color:var(--muted); font-size:12px;">Members approve changes together. No favoritism, no fuss.</div>
      </div>
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:14px;">
        <div style="font-size:18px; margin-bottom:4px;">🏅 Celebrate wins</div>
        <div style="color:var(--muted); font-size:12px;">Auto-assign roles for top spots or score milestones.</div>
      </div>
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:14px;">
        <div style="font-size:18px; margin-bottom:4px;">📈 Personal scorecards</div>
        <div style="color:var(--muted); font-size:12px;">Everyone can peek their progress and recent highlights.</div>
      </div>
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:14px;">
        <div style="font-size:18px; margin-bottom:4px;">🔗 Multi-server friendly</div>
        <div style="color:var(--muted); font-size:12px;">Sync settings across servers with a chosen “priority” hub.</div>
      </div>
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:14px;">
        <div style="font-size:18px; margin-bottom:4px;">🌟 Zero-spam comfort</div>
        <div style="color:var(--muted); font-size:12px;">Thoughtful cooldowns, channel blocks for reactions, and clean embeds.</div>
      </div>
    </div>
    
    <div style="margin-top:22px; background:linear-gradient(180deg, rgba(88,101,242,.16), rgba(154,164,191,.08)); border:1px solid rgba(88,101,242,.25); border-radius:14px; padding:14px;">
      <div style="font-weight:900; letter-spacing:.3px; margin-bottom:10px;">How it works</div>
      <div style="display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:8px;">
        <div style="background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px;">
          <div style="font-size:24px;">①</div>
          <div style="margin-top:6px; font-weight:800;">Propose</div>
          <div style="color:var(--muted); font-size:12px;">Say “+5” or use a button — keep the love flowing.</div>
        </div>
        <div style="background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px;">
          <div style="font-size:24px;">②</div>
          <div style="margin-top:6px; font-weight:800;">Vote</div>
          <div style="color:var(--muted); font-size:12px;">Friends approve with a tap. It's quick and fair.</div>
        </div>
        <div style="background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px;">
          <div style="font-size:24px;">③</div>
          <div style="margin-top:6px; font-weight:800;">Celebrate</div>
          <div style="color:var(--muted); font-size:12px;">Scores update, roles shine, and wins get noticed.</div>
        </div>
      </div>
    </div>
    
    <div style="margin-top:18px; display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px;">
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:12px;">
        <div style="font-weight:800; margin-bottom:6px;">Is it easy to start?</div>
        <div style="color:var(--muted); font-size:12px;">Yes. Invite and go! You can tweak options later with friendly menus.</div>
      </div>
      <div style="background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:12px;">
        <div style="font-weight:800; margin-bottom:6px;">Will it spam?</div>
        <div style="color:var(--muted); font-size:12px;">No. Smart cooldowns, optional DMs, and clean embeds keep chatter classy.</div>
      </div>
    </div>
  </div></body></html>

TrustFactor

Convidar

Votar (12)

Convidar

Votar (12)

Visão Geral

TrustFactor — make recognition a team sport

Avaliações e Comentários