CURATED · OPEN · FREE

Raus Life

Premium cabin booking platform with a calm, nature-inspired aesthetic.

01

Identity DNA

A premium digital concierge for nature retreats, blending modern minimalism with organic warmth.

02

Color

Grounded elegance using deep charcoals, crisp whites, and earthy forest greens.

03

Typography

grotesque-sans · monospace

• display56px · 400
• h136px · 400
• body-lg22px · 400
• body18px · 400
• body-sm16px · 400

Use negative letter-spacing for all display and heading sizes to create a compact, modern feel. · Keep body text at 400 weight for a clean, approachable readability. · Use uppercase text sparingly, primarily for labels and tags.

04

Spacing

Consistent 4px base grid with generous padding in primary containers.

05

Surfaces

Thin 1px borders using the primary ink color, often used as bottom borders on interactive elements.

rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

Layout

Full-width sections with a constrained central content area.

07

Motion & Interaction

Smooth opacity and transform transitions for overlays and modals.

Subtle background color shifts or underline reveals. · Immediate visual feedback with transition states.

08

Components

• button Rounded pill-shaped buttons, alternating between solid fills (green/charcoal) and outlined styles.
• card Clean cards with rounded corners (20px) and subtle shadows, often featuring large photography.
• chip Small uppercase labels with rounded corners.
• input Simple underlined input fields within a contained booking bar.
• hero Large, full-width photographic background with overlaid text and a semi-transparent booking interface.

09

Voice & Don'ts

• Tone Inviting, calm, and sophisticated.
• Headlines Short, evocative phrases focusing on the feeling of the experience.
• CTAs Direct and action-oriented, often using arrows.

• Don't use bright, neon colors — screenshot shows a palette of deep charcoal, forest green, and warm orange.
• Don't use rounded, bubbly fonts — screenshot shows a clean, geometric grotesque sans-serif.
• Don't use heavy drop shadows — screenshot shows a flat design with a single deep shadow for the cookie modal.
• Don't use cluttered layouts — screenshot shows generous white space and a clear visual hierarchy.
• Don't use sharp, square corners — screenshot shows rounded corners up to 20px for cards and 99px for buttons.
• Don't use complex gradients — screenshot shows mostly solid color fills and simple linear fades.
• Avoid: Loud, high-energy copy.
• Avoid: Overly technical jargon.
• Avoid: Aggressive sales tactics.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko