Docs

Organic Earth Interface

StyleRef·@styleref·
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

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

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
Terms of ServicePrivacy PolicyBlogDocsSTYLE.mdllms.txt
......X
© 2026 StyleRef. All rights reserved.