DELTA MUSIX — BRAND GUIDE ========================= LOGO FILES INCLUDED -------------------- delta-musix-mark-gradient.svg / .png Icon mark, gradient square background — social avatars, app icons, favicons delta-musix-mark-white.svg Icon mark, white, transparent background — for dark or colored backgrounds delta-musix-mark-black.svg Icon mark, black, transparent background — for light backgrounds / single-color / print delta-musix-logo-dark-bg.svg / .png Full lockup (mark + wordmark), white text — for dark backgrounds delta-musix-logo-light-bg.svg / .png Full lockup (mark + wordmark), dark text — for light backgrounds COLOR PALETTE ------------- Gradient Start (Violet) #7C3AED rgb(124, 58, 237) Gradient End (Pink) #EC4899 rgb(236, 72, 153) Primary Violet #8B5CF6 rgb(139, 92, 246) Violet Light #A78BFA rgb(167, 139, 250) Pink Light #F472B6 rgb(244, 114, 182) Cyan (data / accent) #22D3EE rgb(34, 211, 238) Green (success / positive)#34D399 rgb(52, 211, 153) Background (near-black) #09080D rgb(9, 8, 13) Surface #15131E rgb(21, 19, 30) Text (off-white) #F7F6FB rgb(247, 246, 251) Text Dim #B4AFC4 rgb(180, 175, 196) The primary brand gradient is a 135-degree linear gradient from #7C3AED to #EC4899. TYPOGRAPHY ---------- Headings: Outfit (600/700) — https://fonts.google.com/specimen/Outfit Body: Inter (400/500/600) — https://fonts.google.com/specimen/Inter Both are free, open-source Google Fonts. USAGE GUIDELINES ----------------- Do: - Keep clear space around the mark equal to roughly half its width - Use the gradient mark on dark or neutral backgrounds - Use the white or black mark when a single flat color is required - Keep the mark's proportions locked when scaling Don't: - Recolor the gradient or swap in different hues - Stretch, skew, or rotate the mark or lockup - Add drop shadows, outlines, or other effects - Place the gradient mark on a busy or low-contrast background CONTACT ------- Deltamusix@outlook.com MeuseHQ, Dansoman, Accra, Ghana