The Library

Obsidia

MembersBuild-verifiedClaude Sonnet 4.6This prompt was scaffolded from scratch by Claude Sonnet 4.6 into a compiling, running app — verified, not just a screenshot.Vite + React + TypeScript

Light, bottled.

webecommerceluxuryfragranceperfumedark3dwebgldispersionscrollproductshopstoreretailglassscentlanding-page
How the prompts work
Preview
▒ best build path
3D or WebGL design
Use first
Claude Code
Codex
Cursor
Also works
Bolt
Use a repo-aware agent and verify the canvas renders on desktop and mobile. Paste the full Library prompt first, then compare the result against the live demo.
01Herov1
obsidia.app/hero
1440 × 900 · Desktop
02Fragrance
obsidia.app/fragrance
Members only
1440 × 900 · Desktop
03Collection
obsidia.app/collection
Members only
1440 × 900 · Desktop
04House
obsidia.app/house
Members only
1440 × 900 · Desktop
▒ design recipe — Obsidia
Fonts
Playfair DisplaySwitzerJetBrains Mono
Palette
--background--card--secondary--border--foreground--muted-foreground--accent
Motion
dispersion-glass
Screens
5 screens included
Portable prompt
# Obsidia
Implement the screens below using the design system tokens...
## DESIGN SYSTEM
- Name: Obsidia

Unlock the recipe that rebuilds this design

Get the live design, exact tokens, assets, per-screen prompts, and one full prompt for Lovable, Bolt, Cursor, v0, Replit, Claude Code, Codex, or v-1.

One payment · founding price from $49 · no subscription

▒ design handoff

What do you get with the Obsidia design?

The Obsidia Luxury fragrance / perfume house design ships as a finished visual system plus the exact AI-builder prompt to rebuild it. You get the design direction, screen set, assets and prompt for Cursor, Claude Code, Bolt.new, Windsurf, v0, Lovable; v-1.design does not export Figma and does not host the final app.

CategoryLuxury fragrance / perfume house
Surfacesweb
ScreensHero, Fragrance, Collection, House
Tools supportedCursor, Claude Code, Bolt.new, Windsurf, v0, Lovable
PriceIncluded with Lifetime — from $49 once
LicenseSingle-use build prompt + assets, not Figma

How to rebuild this in Lovable, Bolt, Cursor or Claude Code

  1. Open the Obsidia design and copy the full build prompt.
  2. Paste it into your AI builder or coding agent (Lovable, Bolt, v0, Cursor, Claude Code or Codex).
  3. Generate the design system and core screens from the prompt.
  4. Edit the copy, data and routing to fit your product.
  5. Wire it to your backend, or hand the prompt to a developer.

Obsidia FAQ

Does this include source code or a prompt?
You get the exact AI-builder prompt plus the design system and assets, not a code repo. Your AI builder or developer generates the code from the prompt.
Which AI builders does the Obsidia prompt work in?
It is written for Lovable, Bolt, v0, Cursor, Claude Code and Codex, and pastes into any coding agent or hands to a developer.
Is this a Figma file?
No. v-1.design does not export Figma. You get a finished design plus the prompt and assets to rebuild it.
What screens are included?
The Obsidia package includes Hero, Fragrance, Collection, House across web.