{"id":"web-two-gloss","no":23,"name":"Web 2.0 Gloss","ja":"ウェブ2.0グロス","era":"2000s","family":"デジタル・レトロ","essence":"つや・丸み・反射で、デジタル操作を触れられるものとして説明する。OSが持っていたAquaの質感を、画像とCSSでウェブ側が再現しようとした結果の呼び名である。","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":"Internet Archive — Ben Hunt, Web 2.0 Design Guide (Web Design from Scratch, 2006)","url":"http://web.archive.org/web/20180131063955/http://webdesignfromscratch.com:80/web-design/web-2-0-design-style-guide/"},"reference":{"status":"verified","pageUrl":"http://web.archive.org/web/20180131063955/http://webdesignfromscratch.com:80/web-design/web-2-0-design-style-guide/","credit":"Internet Archive — Ben Hunt, Web 2.0 Design Guide (Web Design from Scratch, 2006)","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Frutiger%20aero%20icons%20-%20Beautiful%203D%20Business%20Icons.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Frutiger%20aero%20icons%20-%20Beautiful%203D%20Business%20Icons.png","credit":"CreativeAlys 3Dビジネスアイコン集 — Wikimedia Commons / CC0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Internet%20Explorer%20logo%20for%20Windows%207.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Internet%20Explorer%20logo%20for%20Windows%207.jpg","credit":"Internet Explorer のアイコン（光沢仕上げ）2009年 — Wikimedia Commons / CC0"}]},"addedAt":"2026-08-16","en":{"essence":"Explains digital interaction as something touchable through gloss, roundness and reflection. It names what the web made when it tried to reproduce the texture of Aqua with images and CSS.","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."},"links":{"page":"https://indexstyle.org/styles/web-two-gloss","json":"https://indexstyle.org/api/styles/web-two-gloss","designSpec":"https://indexstyle.org/styles/web-two-gloss/design.md","imagePrompt":"https://indexstyle.org/styles/web-two-gloss/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}