{"id":"web-two-gloss","no":28,"name":"Web 2.0 Gloss","ja":"ウェブ2.0グロス","era":"2000s","family":"デジタル・レトロ","essence":"つや・丸み・反射で、デジタル操作を触れられるものとして説明する。","cues":["光沢ボタン","強いグラデーション","反射","丸い角"],"intents":["懐かしさ","遊び","親密"],"works":["2000年代Webへの懐かしさを出す","操作の楽しさを視覚的に強調する"],"recipe":{"type":"丸いサンセリフ","layout":"中央寄せ、立体ボタンを焦点に","material":"青系グラデーション、白いハイライト"},"avoid":"本物のUIでは影と反射を抑え、状態差が明確に読めるようにする。","colors":["#e7f5ff","#2b93de","#174d82"],"motif":"gloss","pair":["web-one","minimalism"],"study":["early iOS UI","2000s SaaS interfaces"],"kind":"スタイル","collection":"btrax 50","source":{"title":"btrax — 50の主要デザインスタイル","url":"https://blog.btrax.com/jp/50-design-styles/"},"reference":{"status":"verified","imageUrl":"https://blog.btrax.com/jp/wp-content/uploads/sites/3/2026/04/web2-graphic-design-styles.png","pageUrl":"https://blog.btrax.com/jp/50-design-styles/","credit":"btrax記事掲載ムードボード"},"addedAt":"2026-08-16","en":{"essence":"Explains digital interaction as something touchable through gloss, roundness and reflection.","cues":["Glossy buttons","Strong gradients","Reflections","Rounded corners"],"works":["Nostalgia for the 2000s web","Visually amplifying the joy of interaction"],"recipe":{"type":"A rounded sans-serif","layout":"Centered, with a dimensional button as the focus","material":"Blue gradients, white highlights"},"avoid":"In real UI, restrain shadows and reflections so state differences stay legible."}}