CURATED · OPEN · FREE

Landofride

An editorial travel platform curating premium, active holiday experiences.

01

Identity DNA

A high-end travel magazine curated for active adventures.

02

Color

A high-contrast monochromatic base of black and white, softened by warm neutral beiges, using vibrant pink as a single, bold editorial accent.

03

Typography

didone-serif · transitional-serif

• display120px · 400
• heading48px · 400
• body16px · 400
• caption12px · 400

Use didone-serif for large display text. · Use transitional-serif for body copy. · Use grotesque-sans for UI elements and small labels. · Use wide letter-spacing for uppercase labels.

04

Spacing

Generous vertical spacing with a base unit of 4px, emphasizing breathing room between elements.

05

Surfaces

Thin solid black borders used sparingly, often on the bottom of elements.

rgba(0,0,0,0.32) 3px 3px 8px 0px · rgba(0,0,0,0.25) 0px 4px 10px 0px

06

Layout

A centered, magazine-style layout with large, full-width hero images and generous vertical whitespace.

07

Motion & Interaction

Subtle opacity and color transitions on hover. · Smooth transform transitions for interactive elements.

Subtle color or opacity changes. · Slight transform or opacity feedback.

08

Components

• button High-contrast pill-shaped buttons with a dark background and light text.
• card Large, image-heavy editorial cards with bold typography overlays.
• chip Small, uppercase text labels for categorization.
• input Minimal, clean input fields with subtle borders.
• hero Full-bleed, immersive photographic hero sections with large, centered typography overlays.

09

Voice & Don'ts

• Tone Aspirational, descriptive, and premium.
• Headlines Large, bold, and often overlaid directly on imagery.
• CTAs Direct and action-oriented (e.g., 'Choose Land', 'Choose Ride').

• Don't use a busy or cluttered layout — the screenshot shows a spacious, editorial layout with generous whitespace.
• Don't use a wide variety of font weights — the screenshot primarily uses regular (400) and light (300) weights.
• Don't use small, cramped typography — the screenshot features large, impactful display text and readable body copy.
• Don't use rounded corners on everything — the screenshot shows a mix of sharp corners (3-4px) and occasional pill shapes.
• Don't use a vibrant, multi-colored palette — the screenshot is primarily monochromatic with a single pink accent.
• Don't hide primary actions in menus — the screenshot shows prominent, persistent CTAs at the bottom of the viewport.
• Avoid: Casual slang
• Avoid: Overly complex sentences
• Avoid: Technical jargon

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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