Specimen Room

美しいWebデザインの標本室

動き回るイラストが世界観を演出するwebデザイン

f:id:glace_if:20210307140606p:plain

 

マジカルチョコリングのHEART BREAD ANTIQUE ハートブレッド アンティー

https://www.heart-bread.com/

 

ベーカリー HEART BREAD ANTIQUEのサイト

 

SITEMAP

TOP(slide/new/column/news/blog/insta)

  • ABOUT
  • ITEMS
  • SOHP
  • COLUMN
  • BLOG
  • ANTIQUE WORLD
  • ONLINE STORE

 

FONT

メイリオ/ヒラギノ角ゴ

copperplate/Helvetica

本文:font-size: 14px;

  

CONTENTS MARGIN

width: 940px;(213px)

spwidth: 90%;(18.75px)

 

COLOR

文章:#35140E

チョコレートやセピアを連想させる茶色をテーマカラーに、アンティークな雰囲気

 

OTHERS

f:id:glace_if:20210307141109p:plain

f:id:glace_if:20210307141114p:plain

f:id:glace_if:20210307141119p:plain

f:id:glace_if:20210307141124p:plain

f:id:glace_if:20210307141128p:plain

f:id:glace_if:20210307141134p:plain

f:id:glace_if:20210307141138p:plain

f:id:glace_if:20210307141146p:plainf:id:glace_if:20210307141154p:plain

gifで動かしたり、cssでアニメーションをつけるなどしてイラストが動き、可愛くて楽しい世界観を演出していてとても素敵です

サムネイルの切り抜きも、丸や四角じゃなくてラフな形なのが可愛い…タイトルやサムネイル、一つ一つ丁寧にデザインされていて隅々まで可愛い...

絵文字を表示しているのも、記事を書く人の表現の幅が広がっていいなあ

 

ワイヤートレース

Adobe XD