CURATED · OPEN · FREE

Loveseen

A premium beauty e-commerce site driven by high-impact photography and elegant serif typography.

PhotographicGalleryTypographyConsumerCalm

↓ Download design system (17 MB)Open in OpenDesign

Visit: https://loveseen.com

📦 Browse pack contents →

Identity DNA

luxury beautyeditorial photographyinclusiverefinedproduct-focused

A curated gallery of beauty photography

Color

#00091BInk

#E0D2D1Ink soft

#FAF6F5BG

#FFFDFBBG soft

#F2EDE7BG quiet

rgba(0,9,27,0.1)Line

Warm, skin-tone inspired neutral palette that lets photography dominate.

Typography

didone-serif · geometric-sans

display48px · 400
heading30px · 400
body16px · 400
caption13px · 400

All-caps for navigation and UI elements · Tight letter-spacing on display type · Generous letter-spacing on uppercase UI text

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing between sections

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid borders using muted neutral tones

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

Full-bleed hero imagery followed by grid sections

Motion & Interaction

220msmicro

400mssmall

600msmedium

cubic-bezier(0.39, 0.575, 0.565, 1)easing

fade-in · slide-up

Opacity changes and subtle color shifts · Immediate state change with smooth transitions

Components

button Minimal outlined buttons with uppercase text
card No visible card borders, using whitespace and imagery
chip Simple outlined chips with rounded borders
input Underline style inputs with minimal styling
hero Split-screen photographic hero with transparent navigation overlay

Voice & Don'ts

Tone Confident, inclusive, and sophisticated
Headlines Elegant, often using the didone serif display font
CTAs Minimal, uppercase, often outlined or plain text

Don't use high-chroma accent colors — screenshot shows a muted, neutral palette.
Don't use heavy drop shadows or 3D effects — screenshot shows flat, clean surfaces.
Don't use rounded corners on cards or buttons — screenshot shows sharp, clean edges.
Don't use lowercase text for navigation — screenshot shows all-caps UI elements.
Don't use bold weights for body text — screenshot shows a consistent 400 weight.
Don't use busy background patterns — screenshot shows solid, soft neutral backgrounds.
Avoid: Loud colors
Avoid: Decorative UI elements
Avoid: Cluttered layouts

Inside the pack — real screenshots

Loveseen — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

A premium beauty e-commerce site driven by high-impact photography and elegant serif typography. The brand identity is defined by a warm, skin-tone inspired neutral palette (bg #FAF6F5, ink #00091B) that lets imagery dominate. Typography uses a didone-serif for display (GlossyDisplayWeb) and a geometric-sans for body (BeausiteWeb), both with generous letter-spacing in uppercase. Critical don'ts: Do not use bright accent colors, do not apply heavy shadows, and do not use rounded corners on UI elements. Maintain a clean, editorial aesthetic with minimal UI chrome and generous whitespace to showcase the product photography.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko