# Ethereal Liquid Glass

Ethereal Liquid Glass UI/UX style features translucent, frosted glass panels with subtle refraction and soft glows for a clean, futuristic aesthetic.

| | |
|---|---|
| Style | Ethereal Liquid Glass |
| Category | UI/UX |
| Tags | glassmorphism, frosted glass, ethereal, futuristic, clean, gradient, translucent, minimalist, app design, web design |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #2b1b6b #0e9fa8 #ffffff #f7f8ff #b9a8ff #0a0620 |
| Published | 2026-08-20 |
| Canonical URL | https://styleref.io/share/dj5p1bcv-cfd2f9c42d2c |

## 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):

Ethereal Liquid Glass

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Mobile; Presentation: Raw UI.
 • Container / Boundary: Container: Explicit (shape mask); Container shape: Rounded square; Fully rounded Corners; Container Dominance: Primary visual identity; Padding: Generous; Edge Behavior: Content fully contained.
 • Mood & Personality: Ethereal, Clean, Futuristic, Friendly; Energy: Gentle; Emotional bias: Positive; Tone register: Intimate; Representation mode: Literal; Real-world accuracy: Stylized.
 • Colors: Palette: Solid Colors: [ #2B1B6B 35% (Background),  #0E9FA8 30% (Background),  #FFFFFF 12% (Glass panels),  #F7F8FF 12% (Typography),  #B9A8FF 5% (Accent glow),  #0A0620 4% (Text scrim),  #FF6B8A 2% (Status accent)]. Gradients: [AI Gradient 1 (#2B1B6B 0% -> #0E9FA8 100%)]; 6–8 colors; Cool temperature; Saturation: Rich; Saturation contrast; Hue relationships: Complementary; Gradients as primary fills; Color dominance: Background-dominant; Black/White point: Lifted blacks + Rolled-off highlights; Accessibility: WCAG AA.
 • Typography: Geometric sans; Regular, Medium, Semibold; Text case: Sentence case; Font pairing: Single family; Hierarchy: Clear typographic scale; Type scale: Modular; Normal (1.4); Letter spacing: Normal; Text presence: Required; Text visual role: Secondary visual element; Text integration: Overlaid.
 • Light & Shadow: Lighting presence: Explicit; Lighting mood style: Ethereal; Key light style: Diffused; Lighting direction: Upper-left; Shadow type: Diffuse; Shadow density: Faint; Bloom / Glow usage: Subtle.
 • Spatial Structure & Hierarchy: Flat perspective; Primary + secondary focal structure; Hierarchy: Moderate; Symmetry: Near symmetry; Balance: Center-weighted; Layout axis: Vertical; Plane separation: Overlap; Scale relationship: Human-scale; Grid system: Column grid; Visual density: Airy.
 • Surface, Material & Detail: Material simulation: Glass; Surface treatment: Glossy; Texture: Smooth frosted glass; refracted rounded corners; Optical finishes: Iridescence; Transparency: Translucent; Imperfection level: Flawless; Stylized realism.
 • Shape Language: Geometric; Primitive dominance: Rectangles, Circles; Edge sharpness: Fully rounded; Curve consistency: Uniform radius; Negative space usage: Dominant.
 • Line & Stroke System: Decorative outlines; Hairline; Uniform consistency; Stroke Color: Derived from fill; Stroke joins: Round.
 • Voice & Language: Formality: Approachable; Simple vocabulary; Directness: Clear; Short sentences; Metaphors: Literal; Perspective: Second person (you); Pacing: Flowing; Jargon level: None; Emoji usage: Occasional.
 • Background & Environment: Background type: Gradient; Environment mood: Abstract; Background–Subject: Integrated; Background complexity: Moderate; Prop styling: Minimal.
 • References: Aero; frosted mobile control panels; Minimalism; Temporal reference: Near-future.
 • UI & Web: Color theme: Dark; Background tone: Near-black; Accent strategy: Single functional accent; Semantic colors: Full set (error / warning / success / info); Layout archetype: Feed; Content width: Narrow container (≤1100px); Density: Comfortable; Surface layers: Three-layer (page + card + elevated); Elevation: Glass / blur; Shadow technique: Large, faint ambient panel shadows; blur and layer depth provide separation; Shadow weight: Faint; Glass effect: Heavy blur + tint; Borders: Hairline (0.5–1px, low opacity); Corner radius scale: Large (16–24px); Card style: Glass; Button shape: Full pill; Button hierarchy: Primary + Secondary + Ghost; Input field style: Borderless on surface; Icon style: Rounded filled; Icon weight: Medium (2px); Navigation: Floating pill; Nav style: Sticky glass (blur); UI imagery: Abstract gradients; Hover: Scale + shadow; Focus ring: Glow halo; Animation: Physics-based / Spring; Transition speed: Standard (200–300ms); Scroll behavior: Parallax depth.
 • Guardrails: Avoid: Heavy Bokeh / Blur, AI Gloss / Plastic Smoothing; Avoid Visuals: grey translucent panels over grey ground; translucent body text; excessive stacked glass; hard drop shadows; undifferentiated blur; Allowed Visuals: saturated violet-teal ground; one or two glass planes; opaque text content; faint ambient shadows; rounded filled icons.
 •  Glass Opacity: White panels at 8–16% opacity over saturated ground., Edge Refraction: Refract and bend the background at every rounded corner., Panel Highlighting: Bright 1px inner top-edge highlight; darker inner bottom line; top-left specular sweep., Layered Blur: Slightly overlap unequal panels with visibly different blur depths., Content Legibility: Content remains fully opaque; use a dark inner scrim beneath low-contrast text., Press Response: On press, panels scale slightly and deepen blur; sheets slide upward with visible ground refraction..


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/dj5p1bcv-cfd2f9c42d2c?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/dj5p1bcv-cfd2f9c42d2c/style.md           # a ready-to-commit STYLE.md
```

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

```
styleref://gallery/dj5p1bcv-cfd2f9c42d2c
styleref://gallery/dj5p1bcv-cfd2f9c42d2c/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/dj5p1bcv-cfd2f9c42d2c