CURATED · OPEN · FREE

Aliciamoore

A premium fashion brand website that uses extreme restraint and full-bleed imagery to create an immersive, gallery-like shopping experience.

EditorialPremiumRestraintPhotographicConsumer

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://aliciamoore.com

📦 Browse pack contents →

Identity DNA

MinimalistHigh-endFashionAtmospheric

A quiet, dimly lit luxury showroom where the product is the only focus.

Color

#F1F0ECInk

#000000BG

#222A37BG quiet

#999999Muted

rgba(241, 240, 236, 0.15)Line

High-contrast monochromatic palette with a secondary deep navy state, relying on photography for warmth.

Typography

grotesque-sans

display32px · 400
body-small12px · 300
body14px · 400

Use Founders Grotesk as the primary typeface · Navigation links use a light weight (300) with wide letter spacing · Maintain generous negative space around typographic elements

Spacing

4px

8px

12px

16px

24px

32px

36px

48px

64px

96px

108px

Generous padding (36px) frames the edges, with 108px vertical breathing room in the hero.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

Subtle 1px borders in ink color used sparingly for separation.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A full-screen canvas with a dominant central visual, anchored by corner-aligned navigation and brand elements.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.32, 0.94, 0.6, 1)easing

Smooth opacity fades for UI elements · Staggered entrance animations for text and images

Subtle opacity reduction on interactive text links. · Immediate visual feedback with smooth transition to the next state.

Components

button Text-only links with no background, relying on hover opacity transitions.
card Large, full-bleed image blocks that act as the primary interactive surface.
hero A full-viewport section dominated by a single large image, with the brand name on the left and a call-to-action on the right.

Voice & Don'ts

Tone Minimalist, sophisticated, and understated.
Headlines Uppercase, wide-tracked, and light-weight.
CTAs Simple, lowercase text prompts placed peripherally.

don't use drop shadows — screenshot shows flat imagery and text
don't use rounded corners — screenshot shows perfectly square edges
don't add decorative borders — screenshot shows a borderless, edge-to-edge layout
don't use multiple accent colors — screenshot shows a strictly monochromatic palette
don't use heavy font weights — screenshot shows only light (300) and regular (400) weights
don't center-align text — screenshot shows left-aligned and right-aligned peripheral text
Avoid: Excessive adjectives
Avoid: Loud call-to-actions
Avoid: Crowded layouts
Avoid: Vibrant colors

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

Design a premium, minimalist fashion e-commerce interface with a gallery-like feel. Use a deep black (#000000) background and off-white (#F1F0EC) text for maximum contrast. Typography should be a clean grotesque-sans in light and regular weights with generous letter spacing. Prioritize large, high-quality photography as the primary visual element, with UI elements pushed to the periphery. Use cubic-bezier(0.32, 0.94, 0.6, 1) for smooth, elegant motion. Avoid any decorative elements like shadows, rounded corners, or vibrant colors; maintain absolute restraint. Navigation should be discreet and text-only.

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