🌊 シーグラス文房具シリーズ:Vol.3(完結)
ついに最終回!ラストを飾るのは、縦長のデザインがスマートな「海のしおり」です。
見出しのアクセントや、特別なカテゴリーのラベルとして、サイトを彩ります。
これまでの付箋やペンと組み合わせて、統一感のあるデザインを楽しんでください。
第1弾:付箋
第2弾:水滴ペン
第3弾:海のしおり
1. コバルトブルー
Diary
<div style="display:inline-flex; align-items:center; justify-content:center; width:50px; height:100px; writing-mode:vertical-rl; font-size:0.9rem; letter-spacing:2px; backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.4); border-radius:4px 4px 25px 25px; box-shadow:4px 4px 15px rgba(0,0,0,0.08); background:rgba(40,110,180,0.85); color:#fff;">Diary</div>2. アンバー
Record
<div style="display:inline-flex; align-items:center; justify-content:center; width:50px; height:100px; writing-mode:vertical-rl; font-size:0.9rem; letter-spacing:2px; backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.4); border-radius:4px 4px 25px 25px; box-shadow:4px 4px 15px rgba(0,0,0,0.08); background:rgba(180,100,40,0.85); color:#fff;">Record</div>3. ホワイト
Memory
<div style="display:inline-flex; align-items:center; justify-content:center; width:50px; height:100px; writing-mode:vertical-rl; font-size:0.9rem; letter-spacing:2px; backdrop-filter:blur(10px); border:1px solid rgba(200,200,200,0.3); border-radius:4px 4px 25px 25px; box-shadow:4px 4px 15px rgba(0, 0, 0, 0.08); background:rgba(245,250,255,0.95); color:#5b6e75;">Memory</div>


コメント