minokake

date

category

  • design
  • development
minotakeの画面キャプチャ。PCサイズとmobileサイズの2種類が横に並んでいる。

技術スタック

Astro, Svelte, Newt, Tailwind CSS, Cloudflare Pages

制作物について

当サイトです。情報設計/デザインをFigmaで行い、デザイントークンやコンポーネントの作成など、実装を意識してデザインデータを作成しました。静的サイトジェネレーターにAstroを使用しています。中身のコンポーネントは主にSvelteで実装し、Tailwind CSSでスタイリングしています。コンテンツ管理にはheadless CMSのNewtを使用し、Cloudflare Pagesにホスティングしています。