Biomimetic / Organic 2.0

Stylegeneral

Nature-inspired, cellular, fluid, breathing, generative, algorithms, life-like. Best for Sustainability tech, biotech, advanced health, meditation, generative art platforms.

Nature-inspired cellular fluid breathing generative algorithms life-like

#FF9999

#00FF41

#001E3C

#FF7F50

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: Biomimetic / Organic 2.0

Keywords: Nature-inspired, cellular, fluid, breathing, generative, algorithms, life-like
Primary colours: Cellular Pink #FF9999, Chlorophyll Green #00FF41, Bioluminescent Blue
Secondary colours: Deep Ocean #001E3C, Coral #FF7F50, Organic gradients
Effects & animation: Breathing animations, fluid morphing, generative growth, physics-based movement
Best for: Sustainability tech, biotech, advanced health, meditation, generative art platforms
Do not use for: Standard SaaS, data grids, strict corporate, accounting

## Prompt keywords
Design a biomimetic organic interface. Use: cellular/fluid shapes, breathing animations, generative patterns, bioluminescent colors, physics-based movement, nature algorithms, life-like elements, flowing gradients.

## CSS / technical
SVG morphing (SMIL or GSAP), canvas for generative, animation: breathing (scale pulse), filter: blur for organic, clip-path for cellular, WebGL for advanced, physics libraries

## Implementation checklist
☐ Organic shapes present, ☐ Animations feel alive, ☐ Generative elements, ☐ Performance monitored, ☐ Mobile fallback, ☐ Accessibility alt content

## Design system variables
--cellular-pink: #FF9999, --chlorophyll: #00FF41, --bioluminescent: #00FFFF, --breathing-duration: 4s, --morph-ease: cubic-bezier(0.4, 0, 0.2, 1), --organic-blur: 20px

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source