Design System Preview
LIFULL

株式会社LIFULLのコーポレートサイトから実測したデザイントークンのショーケース

企業理念 サービス一覧
01
Colors
Brand
Brand Orange
#ed6103
CTA・リンク
Light Orange
#fef3eb
アクセント面
Neutral
Text Primary
#1f1f1f
本文テキスト
Black
#000000
ヒーロー背景
Border Gray
#d9d9d9
区切り線
Surface
#f4f4f4
セクション背景
White
#ffffff
ページ背景

Typography
サービス
LIFULL (Noto Sans JP) / 40px / 700 / ls 0.04em
概要
LIFULL / 32px / 700 / line-height 1.6
国内
LIFULL / 24px / 700
世界中のあらゆる「LIFE」を、安心と喜びで「FULL」にするために、事業を通じて社会課題の解決に取り組んでいます。
LIFULL / 21px / 500 / line-height 2.0 / ls 0.04em
日本最大級の不動産・住宅情報サイト「LIFULL HOME'S」、地方創生を支援する「LIFULL 地方創生」、介護施設情報サイト「LIFULL 介護」などのサービスを展開しています。
LIFULL / 16px / 500 / line-height 2.0
「LIFULL HOME'S」「LIFULL 地方創生」「LIFULL 介護」をはじめとする各種サービスを展開。
LIFULL / 16px / 500 / line-height 1.75 / ls 0.04em

03
Article

あらゆるLIFEを、FULLに。

コーポレートメッセージ

LIFULLは、世界中のあらゆる「LIFE」を「FULL」にしていくために生まれました。住まい探しから暮らしの中の様々な課題まで、テクノロジーと人の力で解決していきます。

住宅弱者一人ひとりが抱える住まいの課題を解決するための取り組みを続け、すべての人が安心して自分らしい暮らしを送れる社会の実現を目指しています。


Buttons
企業理念
Primary Ghost
ニュース一覧
Outline Pill

05
Cards

注文住宅の施工事例画像からイメージにあう住宅メーカーを探せる新しい検索体験

AIが施工事例の写真を分析し、あなたの好みにあった住宅メーカーを提案します。

詳しく見る →

住宅弱者一人ひとりが抱える住まいの課題の解決

高齢者・外国籍の方・障がいのある方など、住まい探しに困難を抱える方々を支援。

詳しく見る →

未来の暮らしのVR体験アプリ

テクノロジーを活用した新しい住まい体験を提供するイノベーションプロジェクト。

詳しく見る →

Forms
Default
Focus
Error

07
Layout
Spacing Scale
4
8
16
32
64
96
Section Pattern
Hero (Dark)
White
Surface #f4f4f4
Orange #fef3eb