techlist.io
KR EN

ui-design

85 posts

discord

How to Change Your Theme to Bring Your Vibe to Discord (opens in new tab)

The introduction of themes allows users to fully customize the visual interface of their desktop and mobile applications beyond standard settings. While all users can choose from a set of basic palettes, Nitro subscribers are granted a much larger library of options and the ability to design their own color schemes. This update aims to make high-level UI personalization accessible and straightforward for the entire user base. **Theme Availability and Subscription Tiers** * All users have access to four default color themes regardless of their subscription status. * Nitro members receive an expanded library of 28 additional color themes to further personalize their experience. * Subscribers also gain the exclusive ability to build and implement their own custom themes from scratch. **Cross-Platform UI Implementation** * The feature is fully supported across both desktop and mobile platforms, ensuring a consistent aesthetic vibe. * Applying a new theme is integrated directly into the existing appearance settings, functioning identically to the standard toggle between Light and Dark modes. * The interface is designed for simplicity, allowing users to transition from classic modes to colorful presets with minimal navigation. To refresh your app's look, head to the appearance settings menu where you can experiment with the new color presets or, if you are a Nitro member, begin crafting a custom aesthetic that matches your personal style.

ui-designuxdesktop-appmobile-app+3
toss

Creating Toss's new face (opens in new tab)

Toss redesigned its brand persona graphics to transition from simple, child-like icons to more professional and inclusive human figures that better represent the brand's identity. This update aims to project a more trustworthy and intelligent image while ensuring the visual language is prepared for a global, multi-cultural audience. By balancing iconic simplicity with diverse representation, the new design system maintains brand consistency across various screen sizes and service contexts. ### Refining Proportions for Professionalism * The team adjusted the vertical facial ratio to move away from a "child-like" impression, finding a balance that suggests maturity and intelligence without losing the icon's friendly nature. * The placement of the eyes, nose, and mouth was meticulously tuned to maintain an iconic look while increasing the perceived level of trust. * Structural improvements were made to the body, specifically refining the curves where the neck and shoulders meet to eliminate the unnatural "blocky" feel of previous versions. * A short turtleneck was selected as the default attire to provide a clean, professional, and sophisticated look that works across different UI environments. ### Achieving Gender-Neutral Hairstyles * The design team aimed for "neutrality" in hair design to prevent the characters from being categorized into specific gender roles. * Several iterations were tested, including high-density detailed styles (which were too complex) and simple line-separated styles (which lacked visual density when scaled up). * The final selection focuses on a clean silhouette that follows the head line while adding enough volume to ensure the graphic feels complete and high-quality at any size. ### Implementing Universal Skin Tones and Diversity * To support Toss's expansion into global markets, the team moved away from a single skin tone that could be interpreted as a specific race. * While a "neutral yellow" (similar to standard emojis) was considered, it was ultimately rejected because it felt inconsistent and jarring when displayed in larger formats within the app. * Instead of a single "neutral" color, the team defined a palette of five distinct skin tones based on universal emoji standards. * New guidelines were established to mix these different skin tones in scenes with multiple characters, fostering a sense of inclusivity and representation that reflects a diverse user base. The evolution of the Toss persona illustrates that as a service grows, its visual language must move beyond simple aesthetics to address broader values like trust and inclusivity. Moving forward, the design system will continue to expand to ensure that no user feels excluded by age, gender, or race.

ui-designgraphic-designinclusive-designbrand-identity+3
discord

New Looks for Nitro, New Looks for You. Get Yourself a Nitro-exclusive Profile Bundle! (opens in new tab)

Since its launch in 2017, Discord Nitro has evolved from a simple four-perk support model into a comprehensive suite of nearly 20 exclusive features that fund the platform’s free messaging infrastructure. To celebrate this growth, Discord is introducing a major visual identity update that reflects the premium experience provided to its millions of subscribers. ### Evolution of the Nitro Feature Set * The service debuted with four core perks: animated avatars, global custom emoji usage, increased file upload limits, and unique profile badges. * The feature set has expanded to nearly 20 items, including HD streaming for higher frame rates and the ability to use stickers and soundboard sounds across different servers. * Recent additions include "Custom Themes," which allow users to personalize the Discord client UI to match their aesthetic preferences. ### New Visual Identity and Branding * Discord has introduced a "spacey" aesthetic featuring a dark, two-tone color scheme. * The new palette shifts between a deep "blurple" and a fresh teal tint to create a more premium, "primo" atmosphere. * The update includes refreshed character art, such as the mascot Wumpus equipped with a new jetpack, to align with the modern theme. As Nitro continues to expand, these visual and functional updates serve as both a reward for long-term supporters and a way to maintain the platform's core services for the broader community. Users looking for a more customizable and high-performance Discord experience can leverage these new themes and streaming upgrades to personalize their digital workspace.

ui-designreal-time-communicationinstant-messagingdiscord-nitro+3
discord

Discord Update: September 25, 2025 Changelog (opens in new tab)

Discord’s September 2025 update focuses on enhancing user expression and scaling server infrastructure to unprecedented levels. By introducing massive server capacity increases and highly customizable interface features, the platform aims to better support its largest communities and most active power users. Ultimately, these changes provide a more dynamic social experience through improved profile visibility, expanded pin limits, and flexible multitasking tools. ### Enhanced User Profiles and Multitasking - Desktop profiles now feature a refreshed layout designed to showcase a user's current activities and history more clearly. - Multiple concurrent activities, such as playing a game while listening to music in a voice channel, are now displayed as a "stack of cards" on the profile. - Activities can be moved into a pop-out floating window, allowing users to participate in shared experiences like "Watch Together" while navigating other servers or DMs. - A new audio cue now plays whenever a user turns their camera on to provide immediate feedback that their video stream is live. ### Massive Scaling and Embed Improvements - The default server member cap has been increased to 25 million, supported by engineering optimizations to member list loading speeds for "super-super-large" communities. - The channel pin limit has been expanded fivefold, moving from a 50-message cap to 250 messages per channel. - Native support for AV1 video attachments and embeds was integrated to improve video quality and loading performance. - Tumblr link embeds have been overhauled to include detailed descriptions and metadata for hashtags used in the original post. ### Custom Themes and Aesthetic Upgrades - Nitro users can now create custom gradient themes using up to five different colors, a feature that synchronizes across both desktop and mobile clients. - Two new Server Tag badge packs—the Pet pack and the Flex pack—introduce new iconography for server roles, including animal icons and royalty-themed badges. - Visual updates were made to Group DM icons, which the development team refers to as "facepiles," to better represent groups of friends in the chat list. Users should explore the new custom gradient settings in their Nitro preferences to personalize their workspace and take advantage of the expanded pin limits to better manage information in high-traffic channels.

ui-designperformance-optimizationscalabilitydesktop-app+4
discord

Go Beyond, Plus Ultra! with the My Hero Academia Collection (opens in new tab)

Discord has officially launched its first anime-themed collection in collaboration with Crunchyroll, featuring the popular series *My Hero Academia*. Released in anticipation of the 2025 Anime Awards, the collection introduces eleven new customization items that leverage character-specific "Quirks" and iconic gear. This partnership represents a direct response to high user demand for anime-centric profile aesthetics and immersive digital collectibles. ### Hero Gear and Avatar Decorations * The creative team focused on "Hero Gear" as the primary design element to ensure decorations remain instantly recognizable while avoiding excessive obstruction of the user’s avatar. * The production process followed a three-step workflow: conceptualizing the gear, applying color to establish mood and richness, and adding custom animations to bring the characters' unique Quirks to life. * The collection features eight distinct decorations, including Izuku Midoriya, Katsuki Bakugo, Ochaco Uraraka, Shoto Todoroki, Endeavor, Hawks, All Might, and Tomura Shigaraki. ### Dynamic Profile Storytelling * Designers utilized the larger surface area of profile effects to move beyond simple gear, focusing instead on "signature moves" and iconic moments from the anime. * The effects are designed for immediate impact, aiming to tell a story in seconds through high-energy animations like Deku’s electrifying "Full Cowling" and Bakugo’s "Cluster" explosions. * Three specific profile effects were created for this launch: Full Cowling, Cluster, and a dedicated League of Villains theme. Fans can now access the *My Hero Academia* collection through the Shop on both desktop and mobile platforms to personalize their digital identity with these limited-edition hero and villain aesthetics.

ui-designux-designanimationmobile-apps+3
discord

Worthy of a Plaque: Nameplates Land in the Shop (opens in new tab)

Discord has introduced Nameplates, a new visual customization feature that expands how users can express their identity across the platform. This addition builds on the existing suite of profile tools, moving beyond the standard profile card to personalize how a user’s display name appears in various lists. By integrating these designs into the Discord Shop, the platform provides a new way for users to distinguish themselves within their communities. **Enhancing Global and Server Identity** * Nameplates serve as a decorative layer for display names, making them stand out in member lists and chat interfaces where profiles are listed. * This feature complements existing identity tools such as Avatar Decorations, Profile Effects, custom bios, and Nitro-exclusive profile colors. * Like other decorative elements, Nameplates can be used to coordinate a specific aesthetic or "setup" alongside server-specific profiles. **Platform Availability and Implementation** * Users can browse and purchase Nameplates through the Discord Shop specifically on the desktop application. * While purchasing is currently limited to the desktop client, the visual effects are cross-platform and will be visible to all users on both desktop and mobile devices. * The feature is designed to be highly visible, reaching beyond the confines of the traditional profile pop-out or full-page view. Users interested in further customizing their digital presence should check the desktop Shop to see how Nameplates integrate with their current Avatar Decorations and Profile Effects.

ui-designdiscorddesktop-appmobile-app+2