What is Blue Archive?

Blue Archive in brief

The Blue Archive style is the interface language of Nexon Games' school-life tactics role-playing game, set in the academy city of Kivotos. In an industry where game menus are usually dark, metallic and dramatic, it runs in daylight. Panels are white with thin sky-blue frame bands, the backdrop is a pale faceted pattern, text is navy, and the bright Blue taken from the logo marks every button that matters.

Its signature piece is MomoTalk, the in-game messenger the player, called Sensei, uses to talk to students. It has a pink header, rounded bubbles with small tails and circular avatars, so conversations feel like a real chat app. The thin halo rings that float above the students' heads have become a recurring graphic motif across the system, appearing in loading marks, badges and decorative lines.

The result is a light-mode game UI with the clarity of a well-made mobile app. It is cheerful without being childish, tidy without being cold, and strongly branded by the use of one blue and one pink. It suits products that want to feel bright, quick and a little anime-flavoured.

See the Blue Archive design system

Where does Blue Archive come from?

Blue Archive launched in Japan in February 2021, with publishing handled by Yostar in Tokyo, and followed with a Korean and global launch in November 2021. It was developed by Nexon Games in Seoul, and Kim Yong-ha and Mitsukiyo are among the names associated with the project. The current visual identity has stayed broadly stable from 2021 through 2025, which is a long time in a market that often rebrands a game every season.

The game belongs to the family of Korean and Japanese mobile gacha role-playing games, a genre known for collectible characters and constant events. Within that family, Blue Archive chose a distinctive path in its interface: a flat, light-mode approach, rather than the dark and ornamental menus typical of the genre. The decision gives the game a fresh, open look even in screens full of information.

Its second tradition is the in-game messenger. Placing a chat interface at the heart of the experience makes the relationship between Sensei and the students feel personal. MomoTalk uses a recognisable messaging vocabulary: avatars on the left, bubbles with small tails, a colored header. By borrowing this familiar grammar, the game lets players read the interface instantly, and it gives designers a ready pattern to reuse in non-game products.

The setting of Kivotos, an academy city of many schools, inspires the overall tone. School-day imagery, such as clean white classrooms, bright sky and neat uniform colors, is translated into panels, bands and backgrounds. The faceted sky behind the panels suggests a stylised, cut-glass day, and the halo rings introduce a touch of the otherworldly without disturbing the cheerful mood.

What defines the Blue Archive look?

See the Blue Archive design system

Who shaped Blue Archive?

How do you use Blue Archive today?

For slides, the Blue Archive style suits bright product updates, education decks, community announcements and youth-oriented campaigns. A cover can place a faceted pale sky behind a white panel with a navy title and a single Blue button-like label. Content slides use white panels with thin sky-blue bands, with the Blue reserved for the one point you want the audience to remember.

For data slides, charts sit well on white panels, with Blue as the lead series and a lighter sky tone for comparison. Use pink only if you need a second, human-facing category such as messages or feedback. Keep labels in navy and let the thin band structure each card.

For web interfaces, the style is a natural fit for consumer apps, learning products, chat and community tools, and light-mode dashboards that want a friendly face. Primary buttons take the Blue, chat modules take the pink header and rounded bubbles, and loaders or badges can use the halo ring. Pricing pages can lay out plans as white cards with a single Blue call to action.

For editorial and marketing work, it supports lively campaigns where a clean white page and a single color are enough to carry the message. Pair it with illustration or character art, and use rounded shapes sparingly so the page keeps its tidy, daytime quality.

The most common mistake is using the Blue on everything, which removes its signposting power. Another is letting the pink spread beyond chat contexts. Keep the panels white, the text navy, the Blue reserved for key actions and the halo rings thin.

See the Blue Archive design system

Blue Archive — FAQ