なりたい自分をもっと自由に - 「LIPS Design System」は、コスメと美容に関わる全てのヒトに一貫したより良い体験を届けるための、デザインシステムです。

LIPSは、コスメと美容に関わる
あらゆるヒトが生み出すコンテンツで
形成されています。

だからこそ、LIPSというプラットフォームは
発信者でも閲覧者でもある”ヒト”にとって
心地よい空間、環境であるべきと考えます。

そんなLIPSが考える「心地よさ」とは何か。
具体的な価値観、デザイン、コミュニケーションに
落としたこんだものが「LIPS Design System」です。

デザイン原則

パーソナリティ

ジェンダー、世代などのステレオタイプやさまざまなボーダーは LIPS では重要な指標ではありません。

本当の意味でユーザーが「個人」としてなりたい自分と出合える、なりたい自分を発信できる、
プラットフォームでありたいと考えています。

それは今いるユーザーだけでなく、これからのユーザーに対しても。

そんな私たちLIPSのパーソナリティーを反映、体現するコミュニケーション、コンテンツ、デザインを創っていきます。

基本原則

デザインの基本となる4つのパーソナリティー「基本原則」について、まとめました。

詳しくみる

ブランドガイドライン

ロゴ

LIPSロゴは、鹿をモチーフにしたシンボルマークと、独自にカスタマイズされた LIPS ロゴタイプの2つで構成されます。シンボルマークとロゴタイプはセットで使用するほか、用途に応じてそれぞれを独立したデータとして利用できます。

ISOLATION / 余白

アイソレーション・ゾーンは、ロゴのアイデンティティを守るための重要な要素です。 ロゴの周りに余白を設けることで、他のデザイン要素から独立性を保ちます。本ロゴでは高さを「A」とし、ロゴの天地左右におおよそ1/2の余白を持たせます。

LIPSのロゴのアイソレーション・ゾーン

プロダクト

タイポグラフィやコンポーネントライブラリは、LIPSらしさを提供するための具体的な要素です。
これらの要素を組み合わせることで、統一感のあるユーザーインターフェースを効率よく設計できるようになり、LIPSらしさの一貫性をもたらします。

UIタイポグラフィ

トークン名SizeWeight
Heading_3xl40px600
Regular_3xl24px400
Medium_3xl24px500
Strong_3xl24px600
詳しくみる

コンポーネント

詳しくみる

無料の会員登録をすると、

お気に入りやフォローが出来ます

会員登録 ログイン
今すぐ無料ダウンロード無料会員登録

※webで投稿にいいね、保存するには会員登録が必要です

※webで商品を保存するには会員登録が必要です

※webでバリエーションを保存するには会員登録が必要です

※キャンペーンへの参加はアプリからのみとなっています