RENOVATED MANSION MARKETPLACE

lorem ipsum, lorem ipsum dolor.
lorem ipsum dolor sit amet consectetur adipiscing

cowcamo lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor / lorem ipsum dolor computed style lorem ipsum dolor, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum lorem ipsum dolor lorem ipsum dolor →
01 / Colors

lorem ipsum dolor

Brand
Brand Teal
#00cbd6
lorem CTA lorem / lorem ipsum dolor sit
Magazine Pink
#ff2c4f
lorem ipsum dolor sit / lorem ipsum dolor
Neutral
Text Primary
#414141
lorem ipsum dolor / lorem
Text Secondary
#a7a7a7
lorem ipsum dolor / lorem ipsum dolor
Cool Surface
#f3f7f8
lorem / lorem ipsum dolor
Border
#dbe2e4
lorem ipsum / lorem ipsum dolor
White
#ffffff
lorem ipsum / lorem ipsum
Overlay
Dark Overlay
rgba(0,0,0,0.8)
lorem ipsum dolor / lorem ipsum dolor
Semantic
Danger
#d9534f
lorem / lorem ipsum
Success
#2ecc71
lorem / lorem
Warning
#f0ad4e
lorem / lorem
02 / Typography

lorem ipsum dolor sit

WHAT'S NEW — English Section Header
12px / 600 / letter-spacing 1.2px / uppercaseEnglish accent
lorem ipsum, lorem ipsum dolor. — Hero H1
36px / 700 / line-height 1.4 / Helvetica (marketplace)lorem
lorem 45 lorem ipsum dolor sit amet consectetur — Magazine H1
28px / 700 / line-height 1.5 / YuGothic (magazine)lorem ipsum
lorem ipsum dolor sit amet consectetur — Section H2
24px / 700 / line-height 1.5lorem ipsum
lorem / lorem ipsum dolor sit amet consectetur — H3 / Card Title
16px / 600 / line-height 1.5lorem
lorem ipsum dolor(Marketplace)— lorem ipsum dolor sit amet consectetur adipiscing. Helvetica lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. line-height: 1.5 lorem ipsum dolor sit amet consectetur adipiscing.
14px / 400 / line-height 1.5 / Helveticalorem ipsum
lorem ipsum dolor(Magazine)— lorem ipsum dolor sit amet consectetur adipiscing. YuGothic lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum 16px / line-height 1.8 lorem ipsum dolor sit amet consectetur.
16px / 400 / line-height 1.8 / YuGothiclorem ipsum
4,980lorem
18px / 700 (price) + 13px / 400 (unit)lorem ipsum
lorem ipsum dolor / 2LDK / 65.4m² / lorem 42 lorem — Caption / Detail
12px / 400 / line-height 1.5 / color #a7a7a7
03 / Article & Property

lorem ipsum dolor + lorem ipsum dolor

EDITOR'S PICKS

lorem ipsum dolor, lorem 40 lorem ipsum dolor sit amet

lorem 3LDK 78.5m² lorem 40 lorem lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, LDK lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit amet

lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur LDK lorem. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.

lorem / lorem ipsum dolor

lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem / lorem ipsum dolor sit amet consectetur.

lorem ipsum:lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet. lorem ipsum(lorem ipsum). lorem ipsum dolor 8 lorem, lorem ipsum dolor / lorem / lorem ipsum dolor sit.

※ lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum / lorem ipsum dolor sit amet.

04 / Buttons

lorem ipsum dolor sit

lorem ipsum
Primary CTA — radius 2px / #00cbd6
lorem ipsum dolor
Secondary — White / border / radius 4px
lorem ipsum dolor →
Text Link — Magazine pink #ff2c4f
Filter Tags
lorem 1LDK 2LDK 3LDK lorem ipsum dolor sit lorem ipsum lorem
Badges
NEW PICK UP lorem ipsum lorem
05 / Cards

lorem ipsum

NEW
1280 x 720 lorem ipsum
lorem ipsum dolor, lorem ipsum dolor sit
4,980lorem
2LDK / 65.4m² / lorem 42 lorem
lorem lorem
1280 x 720 lorem ipsum
lorem 3m lorem ipsum. lorem ipsum dolor sit amet
6,280lorem
3LDK / 82.1m² / lorem 35 lorem
lorem lorem ipsum
PICK UP
1280 x 720 lorem ipsum
lorem ipsum dolor sit amet consectetur adipiscing
3,780lorem
1LDK / 48.7m² / lorem 38 lorem
lorem ipsum lorem ipsum
06 / Forms

lorem ipsum dolor

Default — border #dbe2e4 / radius 4px
Focus — border #00cbd6 / shadow 2px
lorem ipsum dolor sit amet consectetur adipiscing
Error — border #d9534f / shadow 2px
07 / Elevation

Depth & Elevation

Level 0: Flat
lorem — lorem ipsum dolor sit amet
Elevation 1
0 1px 4px rgba(0,0,0,0.04)
Elevation 2
0 4px 12px rgba(0,0,0,0.06)
Elevation 3
0 12px 32px rgba(0,0,0,0.08)
08 / Layout — Spacing & Radius

lorem ipsum dolor & lorem ipsum

Spacing Scale(8px lorem)
2XS
4px
XS
8px
S
16px
M
24px
L
32px
XL
48px
2XL
80px
Border Radius Scale
XS (Button)
2px
SM (Card/Filter)
4px
MD (Large Card)
8px