越野越营 - 极简探索首页
A minimalist, magazine-style mobile exploration interface featuring a sophisticated moss green and sunset orange palette. This design system, titled 'Wilderness Explorer', is optimized for outdoor, travel, and lifestyle applications. It utilizes high-contrast editorial typography (Cabinet Grotesk) and clean functional sans-serifs (Satoshi). Key features include a custom-textured map background, glassmorphism navigation bars, and elevated floating action buttons. Suitable for camping tools, real estate discovery, luxury travel guides, and boutique gear shops seeking an earthy yet premium aesthetic.
Summary
A sophisticated outdoor-inspired mobile design system featuring deep moss greens (#1a2f1a), vibrant sunset oranges (#c4785a), and soft ivory whites (#FAF8F5). The layout emphasizes a full-screen interactive map experience overlaid with floating high-contrast UI elements, magazine-style preview cards, and a tactile bottom navigation bar with an elevated central action button.
Style
The style blends 'Outdoor Utility' with 'High-End Editorial'. It pairs bold, heavy-weight geometric headings with clean, wide-set body copy. The color palette is earthy and organic, using deep greens for grounding and warm oranges for interaction. Micro-interactions include organic bouncing markers and subtle pulsing glows for location awareness.
Layout & Structure
A layered mobile layout consisting of a full-screen interactive canvas, a top-floating toggle, a bottom-floating magazine card, and a fixed glassmorphism navigation bar.
Canvas (Map) Layer
Header Navigation
Preview Component
Main Navigation Bar
Components
Interactive Map Marker
A vibrant, layered location marker indicating user position.
Magazine-Style Badge
Small, high-contrast category labels for images.
Special Notes
MUST: Maintain high contrast between Ivory White and Moss Green for legibility. DO: Use uppercase for secondary metadata to enhance the 'magazine' look. DO NOT: Use standard blue for links; stick to the brand orange or green. MUST: Use significant padding (at least 24px) on card edges to maintain a premium, spacious feel.