Pepabo Design

  • Foundation
  • Inhouse
  • Partners
  • Brand
  • Posts
  • Podcast
  • Join Us 👋

Inhouse

  • About
  • Flavors
    • Color
    • Elevation
    • Icon
    • Sizing
    • Typography
  • Components
    • Button
    • Card
    • Checkbox
    • Grid
    • List
    • Radio
    • Select
    • Snackbar
    • Textfield
  • Resources
  1. Home
  2. Inhouse

Inhouse

ペパボの共通基盤デザインシステム

About Inhouseとは、GMOペパボ株式会社の共通基盤デザインシステムです。コンセプトや仕組み、プリンシプルを紹介します。
Flavors Color、Sizing、Icon、Typography、Elevationなどのブランドごとに置き換え可能なデザイントークンをFlavorと呼んでいます。
Components Button、Grid、Textfield、Selectなどのペパボのすべてのブランドの機能パターンを構築するInhouseのコンポーネントライブラリです。
Resources デザインワークで使用できるカラーパレットや、調和数列を応用してバーティカルリズムが揃う文字と行間の組み合わせを計算するツールを公開しています。