Back to Hub
Design Sample / Earth Atelier Go to Hub

A lifestyle page crafted with natural textures and quiet contrast

자연 질감과 조용한 대비로 완성하는 라이프스타일 페이지

自然な質感と静かなコントラストで 仕上げるライフスタイルページ

This style creates an emotive yet readable interface using warm neutral backgrounds, low-brightness text, and restrained lines. Including "textured backgrounds," "low-saturation earthy accent points," and "soft card curvature" in your AI prompt produces stable results.

Earth and plant-toned colors instead of bright neon
Wide cards that accommodate longer text
Slow fade/float motion for a sense of stability

AI Request Prompt

Design a lifestyle landing page for a brand story in a natural aesthetic style.

Requirements:
- Colors: Low-saturation palette of Sand (#efe6d6) / Clay (#ab6b49) / Olive (#5f6a47)
- Background: Paper tone (#faf6ee) with subtle radial-gradient bleeds of earthy and plant colors
- Cards: Rounded corners (16-34px), thin border (1px solid #ccb596), semi-transparent white background
- Hero: Gradient background + inset shadow for textured panel expression
- Typography: Headings in emotive serif (Gowun Batang), body in sans-serif (Outfit), line-height 1.75
- Motion: Gentle entrance (translateY 12px, 0.65s ease), subtle lift on hover

Responsive:
- Mobile: Cards stack in 1 column, hero padding reduced
- Desktop: max-width 1040px, cards auto-fit minmax(200px, 1fr)

Restrictions:
- No neon/high-saturation accent colors
- No abrupt motion or bounce effects
- No cold blue/purple tones

Output:
1) Color system (background/panel/accent/text) and typography tokens
2) Section structure (Hero, Story, Materials, CTA)
3) HTML/CSS code with responsive support