QUAD808 SOFTWARE

TOOLS

Software built by Quad808 for producers and creators.

FEATURED TOOL

QUAD SAMPLE HUB

Your samples. One beautiful library.

Search, preview, organize, play, and drag the samples you already own from one local workspace.

FREE EARLY ACCESS APPLE SILICON MAC · MACOS 26+

Includes Quad Link integration for FL Studio.

EXPLORE SAMPLE HUB

BUILT FOR THE CREATIVE WORKFLOW.

/* ================================ QUAD808 FONTS ================================ */ @font-face { font-family: "QuadTStar"; src: url("https://cdn.jsdelivr.net/gh/mcansh/yeezy-logo-font@gh-pages/fonts/yeezy_tstar-regular-webfont.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "QuadVCR"; src: url("https://cdn.jsdelivr.net/gh/contra/contra.github.io@master/fonts/vcr_osd_mono_1.001-webfont.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } /* ================================ GLOBAL LOGIN UI ================================ */ .twc-calidc, .twc-calidc * { box-sizing: border-box !important; } .twc-calidc { font-family: "QuadTStar", Arial, Helvetica, sans-serif !important; color: #000000 !important; } /* ================================ WHITE LOGIN CARD ================================ */ .twc-calidc > div, .twc-calidc > div > div { background: #ffffff !important; color: #000000 !important; border-radius: 0 !important; box-shadow: none !important; } /* ================================ TITLE ================================ */ .twc-calidc h1, .twc-calidc h2, .twc-calidc h3 { font-family: "QuadTStar", Arial, Helvetica, sans-serif !important; color: #000000 !important; font-weight: 400 !important; letter-spacing: -0.035em !important; line-height: 1.05 !important; text-transform: none !important; } /* ================================ BODY COPY ================================ */ .twc-calidc p, .twc-calidc label, .twc-calidc div { font-family: "QuadTStar", Arial, Helvetica, sans-serif !important; } /* ================================ INPUTS ================================ */ .twc-calidc input { font-family: "QuadTStar", Arial, Helvetica, sans-serif !important; color: #000000 !important; background: #ffffff !important; border-radius: 0 !important; box-shadow: none !important; } .twc-calidc input::placeholder { font-family: "QuadTStar", Arial, Helvetica, sans-serif !important; color: rgba(0,0,0,.46) !important; opacity: 1 !important; } /* ================================ SIGN IN BUTTON ================================ */ .twc-calidc button { min-height: 52px !important; background: #000000 !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; } .twc-calidc button, .twc-calidc button *, .twc-calidc button span { font-family: "QuadVCR", ui-monospace, monospace !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; fill: #ffffff !important; font-weight: 400 !important; font-size: 11px !important; line-height: 1 !important; letter-spacing: .07em !important; text-transform: uppercase !important; } /* ================================ LINKS ================================ */ .twc-calidc a, .twc-calidc .twc-calidc-sign-in-link, .twc-calidc .twc-calidc-password-reset { font-family: "QuadVCR", ui-monospace, monospace !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-size: 9px !important; font-weight: 400 !important; letter-spacing: .035em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ================================ ERROR / SUPPORTING TEXT ================================ */ .twc-calidc .twc-calidc-error-text, .twc-calidc .twc-calidc-password-length-error-text, .twc-calidc .twc-calidc-passwords-not-match-error-text, .twc-calidc .twc-calidc-account-exists-error-text { font-family: "QuadTStar", Arial, Helvetica, sans-serif !important; } /* ================================ REMOVE SQUARESPACE ROUNDING ================================ */ .twc-calidc input, .twc-calidc button, .twc-calidc [role="button"] { border-radius: 0 !important; } /* ================================ QUAD808 BLACK / WHITE ONLY ================================ */ .twc-calidc button:hover { background: #000000 !important; color: #ffffff !important; } .twc-calidc a:hover { opacity: .58 !important; } /* ================================ MOBILE ================================ */ @media (max-width: 600px) { .twc-calidc h1, .twc-calidc h2 { font-size: 27px !important; line-height: 1.05 !important; } .twc-calidc button { min-height: 54px !important; } .twc-calidc button, .twc-calidc button *, .twc-calidc button span { font-size: 11px !important; } }