Official Brand Guidelines and Visual Identity Reference
Product: Listune (Discord Music Bot)
Listune is a modern Discord music bot that delivers high-quality audio playback and intuitive controls for Discord communities.
Listune brings music into shared voice spaces, interactive Discord Activities, and web player sessions. The brand represents high audio quality, clean visual presentation, and effortless listening with friends.
Discover Listune, Music for Discord Servers
This is the primary headline for Listune. It introduces the product name and clearly defines the core category.
Your music, wherever you play. Listen with friends in voice channels, launch the Discord Activity, or enjoy music from the web player.
This statement explains the scope of the product: flexible listening across Discord voice channels, embedded Discord Activities, and companion web players.
- Short Description: A modern Discord music bot with studio-grade audio and companion web dashboard.
- Core Value Proposition: Seamless group listening, rich audio customization, and clean digital interfaces.
The Listune logo exists in two forms: the Circular Symbol (App Icon) and the Horizontal Wordmark.
- Master Files:
logo/listune-logo.pngandlogo/listune-logo.svg - Visual Structure: A solid circle in Listune Pink (
#f3678e) with a white stylized curved headphone and soundwave emblem in the center. - Aspect Ratio: 1:1 circular badge.
- Primary Purpose: Profile avatar for the Discord bot, mobile and web application icons, social media avatars, and standalone square or round placements.
- Master Files:
brand/listune-brand-white.svg(White text and emblem)brand/listune-brand-pink.svg(Pink text and emblem)brand/listune-brand-black.svg(Black text and emblem)other/listune-text.png(Transparent pink wordmark)
- Visual Structure: The Listune curved emblem on the left, followed by the name Listune set in clean geometric lettering.
- Primary Purpose: Main brand identifier for navigation headers, presentation slides, display banners, and document headers.
- White Wordmark: For dark charcoal backgrounds and colored imagery.
- Pink Wordmark: For dedicated brand displays, neutral gray backgrounds, and promotional showcases.
- Black Wordmark: For white documents, paper printing, and high-key light backgrounds.
- Master Files:
animated/webm-transparent/listune-white-alpha.webmandanimated/gif-transparent/listune-white-transparent.gif - Visual Structure: A 3D rendered version of the Listune logo rotating smoothly on a transparent background.
- Primary Purpose: Hero sections, video openers, broadcast overlays, and digital promotional displays.
Always maintain clear breathing room around the logo. Keep a minimum clear space around all sides equal to the height of the lowercase letter e in the Listune wordmark. Do not place text, borders, or graphics within this perimeter.
- Dark Backgrounds: Use the White wordmark (
brand/listune-brand-white.svg) or the Pink wordmark (brand/listune-brand-pink.svg). - Light Backgrounds: Use the Black wordmark (
brand/listune-brand-black.svg) or the Pink wordmark (brand/listune-brand-pink.svg). - Busy Imagery: Place the logo over a dark translucent backdrop to preserve contrast and legibility.
- Digital Wordmark: Do not display smaller than 120 pixels wide to maintain letterform clarity.
- Circular Symbol: Do not display smaller than 24 x 24 pixels on screen.
- If specific micro-measurements are not defined for a context, ensure the wordmark remains instantly legible at a glance.
- Do NOT stretch, squeeze, or alter the aspect ratio of the logo.
- Do NOT recolor the logo with unauthorized colors outside the brand palette.
- Do NOT rotate or tilt the logo.
- Do NOT add heavy drop shadows, outer glows, or bevel effects.
- Do NOT crowd the logo with unrelated text or complex decorative shapes.
- Do NOT replace the official logo with generic music emojis.
The Listune color palette balances vibrant brand pink with deep dark neutrals and crisp white accents.
| Role | Color Name | Hex Code | RGB | Usage |
|---|---|---|---|---|
| Primary | Listune Pink | #f3678e |
243, 103, 142 | Main brand accent, key action buttons, Discord embed accents, brand highlights. |
| Supporting | Light Pink | #f472b6 |
244, 114, 182 | Subtle hover borders, soft highlights, secondary pink text. |
| Supporting | Deep Pink | #db2777 |
219, 39, 119 | Active states, deeper shadows, high-intensity accents. |
| Neutral | Pure White | #ffffff |
255, 255, 255 | Primary text, high-contrast headings, white logo variant. |
| Neutral | Muted Gray | #9ca3af |
156, 163, 175 | Secondary text, descriptive labels, inactive icons. |
| Dark Neutral | Charcoal Surface | #141414 |
20, 20, 20 | Card surfaces, modal containers, panel backgrounds. |
| Dark Neutral | Deep Black | #0d0d0d |
13, 13, 13 | Primary canvas background, deep dark foundation. |
| Accent | Emerald Online | #10b981 |
16, 185, 129 | Status indicators (online, active playing, verified). |
Listune uses clean, digital-first sans-serif typography that communicates clarity, modern tech culture, and effortless readability.
The Listune wordmark uses custom geometric sans-serif lettering characterized by bold stroke weight, a clean vertical capital L, smooth terminal curves on lowercase t, and circular geometry on e, u, and n. It is custom lettering rather than a single stock font.
- Font Family: Inter
- Role: Primary brand font for all user-facing interfaces, body copy, descriptions, and labels.
- Why It Fits: Designed for high legibility on computer screens, clean numeric figures, and neutral modern personality.
- Recommended Weights: Regular (400), Medium (500), SemiBold (600), Bold (700).
- Source & License: Open source under the SIL Open Font License 1.1. Available in
fonts/Inter/.
- Font Family: Plus Jakarta Sans
- Role: Display headlines, marketing materials, and closest open-source visual match to the logo lettering.
- Why It Fits: Contemporary geometric curves, rounded terminals, and bold weights that harmonize with the Listune wordmark.
- Recommended Weights: SemiBold (600), Bold (700), ExtraBold (800).
- Source & License: Open source under the SIL Open Font License 1.1. Available in
fonts/PlusJakartaSans/.
- Clean & Legible: Content always takes priority over decorative typography.
- Geometric & Confident: Strong, clear headlines with balanced tracking and comfortable line heights.
- Discord-Native: Neutral and modern, fitting naturally inside modern gaming and community environments.
- Dark-First Elegance: Listune lives in dark mode. Interfaces use deep charcoal and black backgrounds rather than stark pure grays.
- Translucent Surfaces: Subtle frosted glass surfaces with soft borders convey depth and modern polish without visual clutter.
- Electric Pink Focus: Pink is used deliberately as a focal accent for key interactive elements, status highlights, and branding cues.
- Rounded Geometry: Soft, friendly rounded corners (from gentle card corners to pill-shaped action buttons) create an approachable, community-oriented feeling.
The visual style feels like a late-night music listening lounge: dark, calm, atmospheric, illuminated by vibrant pink neon accents.
The repository contains pre-built visual assets for Discord and social platforms:
- Pink Banner (
animated/banner/listune-banner-animated.gif,.mp4):- Animated Discord server banner featuring pink brand graphics.
- Used for official server headers and community announcements.
- White Banner (
animated/banner/listune-banner-white-animated.gif,.mp4):- Alternative monochrome white animated banner.
- Used for neutral or high-contrast server headers.
- OpenGraph Social Card (
og-image/og-image.png):- Dimensions: 3576 x 1184 px.
- Displays the 3D brand logo, main headline, and product interface preview.
- Used for link previews on Discord, Twitter, and messaging apps.
- Song Request Header (
other/listune-req.png): Header graphic for dedicated#song-requestDiscord channels. - Support Ticket Header (
other/create-ticket.png): Header banner for Discord support ticket panels. - Member Welcomer (
other/listune-welcomer.png): Background template for welcoming new server members. - Now Playing Music Card (
other/listune-music-card.png): Template card layout for song playback announcements.
Motion in the Listune brand identity is:
- Smooth & Continuous: The signature 3D rotating logo turns in a continuous, frictionless loop, reflecting the perpetual flow of music.
- Fluid & Responsive: Transitions feel natural, with ease-in and ease-out curves rather than abrupt linear cuts.
- Subtle & Ambient: Animations draw attention to music states and primary actions without distracting from the playlist or conversation.
- Restrained: Decorative motion is kept purposeful and respects reduced-motion accessibility preferences.
Listune speaks with a voice that is:
- Approachable: Friendly and conversational without being overly casual.
- Direct & Concise: Explains features and instructions clearly without technical jargon or marketing fluff.
- Music-Centric: Respects audio quality, playlists, and shared listening culture.
- Discord-Native: Understands server communities, voice chat habits, and bot interaction conventions.
- State what the bot does plainly: "Play music from your voice channel or the web player."
- Avoid exaggerated claims: do not use buzzwords like "revolutionizing audio forever" or "unmatched digital synergy".
- Keep instructions actionable: tell users what command to run and what outcome to expect.
If Listune were a person, it would be the reliable friend who always has the best playlist:
- Attentive: Ready to play immediately upon request.
- Modern: At home in digital chat communities and modern web spaces.
- Tasteful: Prefers clean aesthetics, smooth audio, and uncluttered presentation.
- Social: Built to bring people together around songs, albums, and voice room conversations.
- DO use the white logo variant on dark backgrounds.
- DO use the circular icon for avatars, app icons, and social profiles.
- DO preserve the exact primary Listune Pink (
#f3678e). - DON'T distort, stretch, or skew the logo.
- DON'T rotate the logo or place it on angles.
- DON'T recolor the logo with random neon or rainbow colors.
- DO maintain strong contrast between text and background surfaces.
- DO use rounded geometry for containers and interactive buttons.
- DO pair the vibrant pink accent with calm, deep dark backgrounds.
- DON'T build light-gray or all-white interface layouts; Listune is dark-first.
- DON'T clutter banners with excessive decorative elements that fight for attention.
- DO use Inter for body text, descriptions, and user interfaces.
- DO use Plus Jakarta Sans or clean bold sans-serifs for display titles.
- DON'T use ornate, gothic, or novelty fonts for general brand communication.
- DON'T use inconsistent font weights across related marketing materials.
All brand assets, logos, trademarks, animations, and promotional media in this repository are licensed under the standard Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License (CC BY-NC-ND 4.0).
- License Reference: CC BY-NC-ND 4.0 (see LICENSE and LICENSE.md).
- NonCommercial: You may not use brand assets for commercial purposes or paid merchandise without prior written consent.
- NoDerivatives: You may not alter, recolor, distort, or create derivative versions of the logos and visual marks.
- Open Source Separation: Software code licenses (such as MIT or GPL) applicable to code repositories do NOT grant rights to use Listune trademarks, brand names, or visual assets.
- Third-Party Fonts: Bundled fonts (Inter and Plus Jakarta Sans) are licensed under the SIL Open Font License 1.1 in their respective font directories.
Listune Brand Guidelines (c) 2026 Listune Official. All rights reserved.