THE GUIDE TO A BETTER LIFE

&Premium Design System

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem×lorem ipsum dolor sit amet consectetur, Montserrat ＋ lorem ipsum Light, lorem ipsum palt. computed style lorem(2026-06-27)lorem ipsum.

MAIL MAGAZINE lorem VIEW MORE
01 / COLORS

Color Palette

Brand / Core
Text Primary
#000000
lorem / lorem / lorem
Text Secondary
#2a2a2a
lorem / lorem ipsum dolor
Background
#ffffff
lorem ipsum
Pastel Section Tints
Pastel Blue
#eaeef9
Pick Up lorem ipsum dolor
Pastel Yellow
#fdf8ce
Recommend lorem ipsum dolor
Pastel Green
#d9e0d8
Column lorem ipsum dolor
Soft Grey
#f5f5f5
Mail Magazine lorem
Button Grey
#e1e1e1
lorem ipsum dolor
MOOK Grey
#c0c7cd
lorem ipsum / lorem
Neutral / Dark
Dark Button
#2b2b2b
lorem ipsum dolor
Input Text
#282828
lorem ipsum dolor
Pastel Sections(lorem ipsum dolor)
Pick Up
lorem ipsum
Recommend
lorem ipsum
Column
lorem ipsum
Mail Magazine
lorem ipsum dolor
02 / TYPOGRAPHY — lorem

Typography

A Guide to a Better Life — lorem ipsum
Montserrat / 32px / 700 / line-height: 1.0 / letter-spacing: -0.03em / #000
FOOD & TRAVEL — lorem ipsum
Montserrat / 18px / 700 / line-height: 1.4 / #000
LIFESTYLE / FASHION / BEAUTY — Category Label
Montserrat / 14px / 700 / line-height: 1.4 / letter-spacing: 0.036em (0.5px) / palt / #000
lorem ipsum dolor — &Premium lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor Light(300), 17.6px / line-height 1.8 lorem ipsum dolor sit amet. lorem ipsum dolor palt lorem ipsum, lorem ipsum dolor sit. ABCabc 123
lorem ipsum / 17.6px (1.1rem) / 300 / line-height: 1.8 / normal / palt / #000
lorem / lorem ipsum dolor — lorem ipsum dolor sit amet consectetur, color #2a2a2a lorem ipsum.
lorem ipsum / 13px / 300 / line-height: 1.7 / #2a2a2a
MAIL MAGAZINE lorem — Button Label
Montserrat / 12px / 500 / line-height: 1.4 / letter-spacing: 0.083em (1px)
CREATOR LIST — Micro Label
Montserrat / 9px / 300 / line-height: 1.6 / #000
03 / BUTTONS

Buttons

MAIL MAGAZINE lorem
Dark Solid（#2b2b2b）
lorem ipsum
Soft Grey（#e1e1e1）
VIEW MORE
Text Link(lorem)
04 / CARDS — Editorial Article

Cards

FOOD

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

2026.06.24
TRAVEL

lorem ipsum dolor. lorem ipsum dolor, lorem ipsum dolor.

2026.06.20
INTERIOR
INTERIOR

lorem ipsum dolor, lorem ipsum dolor sit amet.

2026.06.12
05 / FORMS

Forms

lorem ipsum — border: #c0c7cd, radius: 4px
lorem ipsum — border: #000000(lorem ipsum dolor)
lorem — border: #c0392b
06 / ELEVATION

Depth & Elevation

Level 0: Flat
lorem(lorem ipsum dolor)
Level 1: Raised
0 2px 8px rgba(0,0,0,0.06)(lorem ipsum)
Pastel Contrast
lorem ipsum dolor sit amet consectetur