# Organic Earth Interface

UI/UX design inspired by nature, featuring earthy colors, organic shapes, and tactile textures for a serene digital experience.

| | |
|---|---|
| Style | Organic Earth Interface |
| Category | UI/UX |
| Tags | organic, earthy, botanical, tactile, serene, wabi-sabi, naturalistic, warm, minimalist, hand-drawn |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #f5efe4 #fffcf6 #3e3226 #b4653c #8c4a3c #6e7f52 |
| Published | 2026-09-04 |
| Canonical URL | https://styleref.io/share/wg6hceom-8d2560a4d745 |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

Organic Earth Interface

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Web; Presentation: Raw UI.
 • Mood & Personality: Serene, Calm, Tactile; Energy: Gentle; Emotional bias: Positive; Tone register: Intimate.
 • Colors: Palette: Solid Colors: [ #F5EFE4 40% (Background),  #FFFCF6 20% (Surface ground),  #3E3226 15% (Typography),  #B4653C 8% (Primary accents),  #8C4A3C 5% (Secondary accents),  #6E7F52 7% (Botanical accents),  #A9AE93 5% (Soft botanical accents)]; 6–8 colors; Warm temperature; Saturation: Natural; Value contrast; Hue relationships: Analogous; Subtle gradients only; Color dominance: Background-dominant; Black/White point: Lifted blacks + Rolled-off highlights; Accessibility: WCAG AA; Shadow Color: Hue-shifted.
 • Typography: Humanist serif headings with humanist sans body and controls; Regular, Medium, Semibold; Text case: Sentence case; Font pairing: Serif + Sans; Hierarchy: Clear typographic scale; Relaxed (1.6); Letter spacing: Normal; Text visual role: Secondary visual element.
 • Light & Shadow: Lighting mood style: Naturalistic; Key light style: Diffused; Natural; Shadow type: Soft; Shadow density: Faint.
 • Spatial Structure & Hierarchy: Grid system: Free-form; Visual density: Airy; Symmetry: Asymmetrical balance; Layout axis: Vertical.
 • Surface, Material & Detail: Material simulation: Paper, linen weave, and unglazed ceramic; Surface treatment: Matte; Texture: Low-opacity paper grain and linen weave across large fields; Imperfection level: Organic; Pattern usage: Organic motif.
 • Shape Language: Negative space usage: Dominant; Organic; Primitive dominance: Freeform curves; Curve consistency: Variable radius.
 • Voice & Language: Formality: Relaxed; Poetic vocabulary; Directness: Suggestive; Long sentences; Metaphors: Descriptive; Perspective: First person (I/we); Pacing: Lyrical.
 • Background & Environment: Background type: Texture; Environment mood: Natural; Background complexity: Simple.
 • Artistic Mediums & Techniques: Physical medium: Watercolor Wash; Illustrative technique: Botanical line work; watercolor-bleed washes in palette hues.
 • References: Japanese Wabi-Sabi; Temporal reference: Timeless.
 • UI & Web: Color theme: Light; Background tone: Warm off-white; Accent strategy: Dual accent; Layout archetype: Marketing page; Content width: Narrow container (≤1100px); Density: Spacious; Spacing scale: Loose modular; Surface layers: Two-layer (page + card); Elevation: Background contrast only; Borders: Hairline (0.5–1px, low opacity); Card style: Filled tint; Button shape: Full pill; Button hierarchy: Primary + Secondary; Icon style: Outline / Stroke; Icon weight: Thin (1px); UI imagery: Photography; Hover: Background shift; Animation: Functional only; Transition speed: Deliberate (350–500ms); Scroll behavior: Scroll-triggered reveals; Focus ring: Colored outline.
 • Guardrails: Avoid: Over-saturation, AI symmetry artifacts; Avoid Visuals: corporate grid layouts; symmetric blobs; stock leaf illustrations; hard edges; hard lighting; glossy UI surfaces; Avoid Colors: hard black text; high-saturation greens; Avoid Words: urgency language; countdowns; Allowed Visuals: asymmetric blob masks; organic dividers; botanical line work; watercolor washes; natural-material photography; soft brown-tinted shadows.
 •  Icon Craft: Thin rounded outline icons with subtly irregular hand-drawn contours., Motion Behavior: Long eased fade-ups; blobs drift a few pixels on scroll; no snap or bounce motion..


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/wg6hceom-8d2560a4d745?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/wg6hceom-8d2560a4d745/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/wg6hceom-8d2560a4d745
styleref://gallery/wg6hceom-8d2560a4d745/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/wg6hceom-8d2560a4d745