FAMILY3D ANIMATIONSUBFAMILYCEL SHADED 3DERACONTEMPORARYREGIONINTERNATIONAL

Persona Stylish Anime 3D

Persona 5 stylish UI-anime 3D. Red-black UI everywhere, jazz-cool palette, stylish cel-shaded characters with anime cut-ins.

stylishjazzcel-shadedui-driven

Samples

Samples pending

Visual reference frames for this look are being generated.

When to use
<ul class="my-4 space-y-1.5"><li class="ml-5 list-disc text-slate-300">Content targeting JRPG, anime, or youth gaming audiences who recognize and value Persona's aesthetic legacy</li><li class="ml-5 list-disc text-slate-300">Brand content for fashion, music, or tech that wants aggressive graphic design energy with anime character styling</li><li class="ml-5 list-disc text-slate-300">UI or motion design that should feel designed rather than neutral โ€” bold, kinetic, high-contrast graphic identity</li><li class="ml-5 list-disc text-slate-300">Content with a heist, rebellion, or counter-cultural narrative where bold graphic identity reinforces theme</li><li class="ml-5 list-disc text-slate-300">Short-form social content where the Persona visual shorthand signals style-consciousness and pop culture literacy</li></ul>
When not to use
<ul class="my-4 space-y-1.5"><li class="ml-5 list-disc text-slate-300">Mainstream or accessible content where the aggressive graphic design creates barrier to entry</li><li class="ml-5 list-disc text-slate-300">Content targeting audiences outside anime/gaming culture who won't read the aesthetic as intentional</li><li class="ml-5 list-disc text-slate-300">Soft, organic, or naturalistic content โ€” the Persona look is hardedged, angular, and graphic by design</li></ul>

Signature techniques

  • 01
    High โ€” contrast red, black, and white graphic identity applied consistently across UI and environment
  • 02
    Kinetic menu design with rotating geometry, slash transitions, and gestural heist iconography
  • 03
    Cel โ€” shaded 3D character models with hard shadow thresholds and flat anime-accurate skin tones
  • 04
    Surreal over โ€” saturated Palace/Metaverse environments contrasting muted real-world Tokyo rendering
  • 05
    Typography as design element โ€” gestural, size-varied, and motion-animated within scenes
  • 06
    Rim lighting and character separation that reads as ink โ€” printed illustration against environment
  • 07
    Comic โ€” panel style attack sequence framing with freeze-pose mid-action character compositions

History & context

<h2 class="text-2xl font-bold text-amber-400 mt-10 mb-4">Persona โ€” Stylish Anime 3D</h2> <p class="my-4 text-slate-300 leading-relaxed"><em class="italic text-slate-200">Persona 5</em> (Atlus P-Studio, 2017) and <em class="italic text-slate-200">Persona 5 Royal</em> (2020) represent the most cohesive integration of graphic design and game aesthetics in JRPG history. Art director Masayoshi Suto developed a visual identity that treats every element of the game โ€” menus, battle interfaces, cutscene typography, character design, and in-world environments โ€” as components of a single visual system anchored by a high-contrast red, black, and white palette with aggressive flat graphic design.</p> <h3 class="text-lg font-bold text-slate-50 mt-8 mb-3">The UI as Aesthetic Achievement</h3> <p class="my-4 text-slate-300 leading-relaxed">The Persona 5 UI is frequently cited as the most visually distinctive interface design in video game history. Menu screens are kinetic graphic design compositions: rotating circles, slash transitions, hand-gesture iconography derived from heist-movie visual language, and typography that references punk zine culture. Every transition between menu states is a micro-animation that reinforces the game's Phantom Thieves identity. The combat interface โ€” selecting 'Attack', 'Skill', 'Guard', 'Item' โ€” involves more visual style per click than most entire game menus.</p> <p class="my-4 text-slate-300 leading-relaxed">The UI design informed by graphic designers like Neville Brody (Face magazine, 1980s) and Saul Bass (title sequence pioneer) is unusual for a Japanese JRPG studio but reflects director Katsura Hashino and Suto's explicit interest in bringing graphic design culture into game visual identity.</p> <h3 class="text-lg font-bold text-slate-50 mt-8 mb-3">3D Character and Environment Rendering</h3> <p class="my-4 text-slate-300 leading-relaxed">Character models use cel shading with anime-accurate flat color areas, hard shadow thresholds, and rim lighting that gives characters the appearance of ink-printed figures against the environment. The Metaverse/Palace environments (Kamoshida's castle, Madarame's museum, Futaba's pyramid) use over-saturated color palettes and surreal scale to visually separate the cognitive world from the real Tokyo environments, which are rendered in comparatively muted, observational tones.</p> <p class="my-4 text-slate-300 leading-relaxed"><em class="italic text-slate-200">Persona 5: The Animation</em> (CloverWorks, 2018) translated the game's visual identity back into conventional 2D anime, while <em class="italic text-slate-200">Persona 5 Strikers</em> (P-Studio/Omega Force, 2021) maintained the graphic design identity across an action RPG format.</p> <h3 class="text-lg font-bold text-slate-50 mt-8 mb-3">The Graphic Design Cultural Context</h3> <p class="my-4 text-slate-300 leading-relaxed">Suto's UI work has been analyzed extensively in graphic design communities as an example of brand identity taken to its logical extreme within a software product. Every element of the Persona 5 interface โ€” loading screens, menu borders, item descriptions, pause screens โ€” is designed as if it were a poster, not a functional UI container. This creates a paradox: the interface is simultaneously maximally stylized and highly legible. The trick is that Suto's design operates on a clear visual hierarchy even within the chaos, with the primary action always the most isolated element on screen. The Persona 5 UI has influenced subsequent game interface design across the industry, most visibly in the UI aesthetics of <em class="italic text-slate-200">Astral Chain</em> (PlatinumGames, 2019) and various other Japanese studio productions that adopted its kinetic graphic vocabulary.</p>

Notable works

Persona 5

(2017)

Atlus P-Studio, Katsura Hashino / Masayoshi Suto art direction

Persona 5 Royal

(2020)

Atlus P-Studio; expanded content with consistent visual identity

Persona 5: The Animation

(2018)

CloverWorks; 2D anime visual translation

Persona 5 Strikers

(2021)

Omega Force/Atlus; action RPG format extension

Persona 4 Golden

(2012)

Atlus; yellow graphic design predecessor

Persona 3 Reload

(2024)

Atlus; series design evolution reference

Aesthetic recipe

The exact knobs the renderer turns to produce this look.

Palette
Primary
#E8243C
Secondary
#0A0A0A
Accent
#F2C744
Text/Light
#1A0508
Text/Dark
#FFE8E8
BG 900
#000000
BG 800
#0A0A0A
Typography
Display
Anton
Body
Inter
Mono
JetBrains Mono
Music moods
shoji-meguro-jazz-rockacid-jazz
Transition

hard cuts at 120ms, linear

Ken Burns

Static frames

Grade LUT

persona-stylish-red

Generate a video in the Persona Stylish Anime 3D look

Persona 5 stylish UI-anime 3D. Red-black UI everywhere, jazz-cool palette, stylish cel-shaded characters with anime cut-ins.