{"slug":"neo-brutalism","title":{"en":"Neo-Brutalism","ja":"ネオブルータリズム"},"summary":{"en":"Loud, raw web UI: thick black borders, hard offset shadows, flat saturated fills and unapologetic type.","ja":"荒々しく主張の強いWeb UI。太い黒枠、ずらした硬い影、彩度の高いフラットな塗り、大胆なタイポグラフィ。"},"categories":["uiux","design"],"subAspects":["uiux.style"],"aspects":["uiux"],"tags":["ui","bold","flat","web"],"palette":[{"name":"Cream","hex":"#FFF4E0","ratio":0.4},{"name":"Black","hex":"#000000","ratio":0.2},{"name":"Lemon","hex":"#FFE14D","ratio":0.15},{"name":"Hot Coral","hex":"#FF6B6B","ratio":0.1},{"name":"Mint","hex":"#4ADE80","ratio":0.08},{"name":"Periwinkle","hex":"#8B9CFF","ratio":0.07}],"keywords":["neo-brutalism","neubrutalism","thick black outline","hard offset shadow","flat saturated colors","chunky buttons"],"traits":{"en":["Every element has a 2–4px solid black border","Hard drop shadow offset 4–8px, no blur, pure black","Flat saturated fills; no gradients","Bold grotesque or monospace type, large sizes, tight tracking","Buttons visibly \"press\" by removing the shadow offset on active"],"ja":["すべての要素に2〜4pxの黒い実線の枠がある","4〜8pxずらした、ぼかしのない純黒のドロップシャドウ","彩度の高いフラットな塗り。グラデーションは使わない","太いグロテスク体かモノスペース体を、大きく、字間を詰めて使う","ボタンは押したときに影のずれをなくし、押し込まれたように見せる"]},"prompt":"Neo-brutalist web UI, cream background, cards and buttons with thick black borders and hard black offset shadows with no blur, flat saturated fills of lemon yellow, coral, mint and periwinkle, bold grotesque headline type, chunky layout, playful and raw","negativePrompt":"gradients, soft shadows, glassmorphism, thin hairline borders, muted colors","contrasts":[{"slug":"swiss-international-style","title":{"en":"Swiss International Style","ja":"スイス・スタイル（国際タイポグラフィ様式）"},"difference":{"en":"Both use bold sans-serif type and visible structure, but neo-brutalism is deliberately loud: thick black borders, hard offset shadows and saturated flat fills. Swiss style is calm and ordered: no borders or shadows, generous white space and alignment to a modular grid.","ja":"どちらも太いサンセリフと見える構造を使うが、ネオブルータリズムはわざと騒がしく、太い黒の枠線、ずらした硬い影、彩度の高いベタ塗りを使う。スイス・スタイルは静かで整っていて、枠線も影もなく、広い余白とモジュラーグリッドへの整列で見せる。"}}],"images":[],"references":[],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/neo-brutalism","en":"https://visual-gallery.asami.tokyo/en/styles/neo-brutalism"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/neo-brutalism","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/neo-brutalism/md"}}