Organic Earth Interface

StyleRef·@styleref·

Extract your style to start building your Style Board.

Made with this StyleRef

Same style, different prompts.

A single commerce screen: category tabs, one large product image and a summary card.

A held phone beside two session panels — the style across portrait and landscape.

A hero with a photographic subject and overlapping cards breaking the fold.

A product landing page where oversized type sits behind the hero object.

A destination feed, a full-image onboarding and a progress screen in one style.

Description

Earthy color, irregular curves and botanical texture — an interface built from natural forms rather than rectangles. Calm, tactile, and paced slowly on purpose.

Typography

Regular, Medium, Aa, Bb, Typography

Font FamilyHumanist serif headings with humanist sans body and controls

Line HeightRelaxed

Font WeightsRegular, Medium, Semibold

Letter SpacingNormal

Text Case

Sentence case

Font Pairing Strategy

Serif + Sans

Hierarchy

Clear typographic scale

Text Visual Role

Secondary visual element

Output Format

Creative Discipline

UI/UX

Medium

Digital

Delivery Mode

Interactive

Platform

Web

Presentation Context

Raw UI

Mood & Personality

Serene, Calm, Tactile

Energy Level

Gentle

Emotional Bias

Positive

Tone Register

Intimate

Guardrails

Common Artifacts to Avoid

Over-saturation, AI symmetry artifacts

Avoided Visuals

corporate grid layouts; symmetric blobs; stock leaf illustrations; hard edges; hard lighting; glossy UI surfaces

Avoided Colors

hard black text; high-saturation greens

Avoided Words

urgency language; countdowns

Allowed Visuals

asymmetric blob masks; organic dividers; botanical line work; watercolor washes; natural-material photography; soft brown-tinted shadows

Custom Style Items

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.

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 Approach

Background contrast only

Border Philosophy

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 Treatment

Background shift

Animation Philosophy

Functional only

Transition Speed

Deliberate (350–500ms)

Scroll Behavior

Scroll-triggered reveals

Focus Ring Style

Colored outline

Light & Shadow

Lighting Mood Style

Naturalistic

Key Light Style

Diffused

Light Source Type

Natural

Shadow Type

Soft

Shadow Density

Faint

Shape Language

Negative Space Usage

Dominant

Shape Basis

Organic

Primitive Dominance

Freeform curves

Curve Consistency

Variable radius

Artistic Mediums & Techniques

Physical Medium

Watercolor Wash

Illustrative Technique

Botanical line work; watercolor-bleed washes in palette hues

Colors

#F5EFE440%Usage: Background

#FFFCF620%Usage: Surface ground

#3E322615%Usage: Typography

#B4653C8%Usage: Primary accents

#8C4A3C5%Usage: Secondary accents

#6E7F527%Usage: Botanical accents

#A9AE935%Usage: Soft botanical accents

Palette Size

6–8 colors

Color Temperature

Warm

Saturation Range

Natural

Contrast Strategy

Value contrast

Hue Relationships

Analogous

Gradient Policy

Subtle gradients only

Color Dominance

Background-dominant

Black & White Point

Lifted blacks + Rolled-off highlights

Accessibility Level

WCAG AA

Shadow Color

Hue-shifted

Voice & Language

Formality

Relaxed

Vocabulary Level

Poetic

Directness

Suggestive

Sentence Length

Long

Metaphor Density

Descriptive

Writing Perspective

First person (I/we)

Copy Pacing

Lyrical

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

Surface Texture Style

Low-opacity paper grain and linen weave across large fields

Imperfection Level

Organic

Pattern / Motif Usage

Organic motif

References

Cultural References

Japanese Wabi-Sabi

Temporal Reference

Timeless

Background & Environment

Background Type

Texture

Environment Mood

Natural

Background Complexity

Simple

......X