<!-- Generated by ExtractVibe — https://extractvibe.com/brand/nude-project.com -->
<!-- Extracted: 2026-08-19T08:25:09.757Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "Nude Project"
description: "Nude Project embodies a sophisticated, minimalist aesthetic rooted in artistic integrity and quiet rebellion. The brand balances a formal, editorial presentation with an underlying message of empowerment and non-conformity, appealing to creators who value substance over hype."
colors:
  primary: "#482922"
  neutral: "#482922"
  surface: "#ffffff"
  on-surface: "#482922"
  on-surface-secondary: "#482922"
  border: "#ffffff"
  link: "#482922"
typography:
  headline-lg:
    fontFamily: "NeueHaasUnicaW1G Regular"
    fontSize: "14px"
    fontWeight: "700"
    lineHeight: "16px"
    letterSpacing: "-1.05px"
  headline-md:
    fontFamily: "NeueHaasUnicaW1G Regular"
    fontSize: "16px"
    fontWeight: "400"
    letterSpacing: "-1.2px"
  body-md:
    fontFamily: "NeueHaasUnicaW1G Regular"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "28.8px"
    letterSpacing: "0.6px"
rounded:
  md: "60px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-primary:
    backgroundColor: "#482922"
    textColor: "#ffffff"
    rounded: "0px"
    padding: "9px 18px"
    fontSize: "15px"
    fontWeight: "400"
  button-secondary:
    backgroundColor: "#efefef"
    textColor: "#000000"
    rounded: "0px"
    padding: "1px 6px"
    fontSize: "13.3333px"
    fontWeight: "400"
    borderColor: "#000000"
    borderWidth: "2px"
---

# Nude Project — Design System

## Overview

The Nude Project design language is a study in restrained power, merging the clean, architectural lines of modern minimalism with the raw, unpolished edge of artistic rebellion. The interface serves as a sophisticated gallery space, prioritizing content and form over decorative excess. It draws direct inspiration from the editorial precision of COS and the material honesty of Aesop, yet distinguishes itself through a subtle, underlying tension that speaks to the Outlaw archetype. This is not a brand that shouts for attention; it commands respect through silence and space. The visual experience is grounded, tactile, and deeply intentional, avoiding the ephemeral trends of fast fashion or the sterile coldness of pure tech aesthetics. Instead, it offers a warm, human-centric digital environment where every pixel serves a purpose. The design is not about hiding complexity but revealing clarity. It rejects clutter, noise, and aggressive calls to action in favor of quiet confidence. Users should feel a sense of calm authority, as if navigating a high-end art publication or a curated boutique. The emotional register is one of serious creativity and empowered individuality. It is understated yet impactful, modern yet timeless. The system is built on the principle that true luxury lies in simplicity and integrity, creating a digital presence that feels both exclusive and accessible to those who value substance over hype. Every interaction is designed to reinforce the brand's commitment to artistic integrity, ensuring that the user experience is as refined and deliberate as the products it showcases.

**Key characteristics:**

- Vibe — minimalist, editorial, empowering, artistic, understated, modern
- Archetypes — The Creator, The Outlaw
- Comparable to — COS, Acne Studios, Everlane, Aesop
- Design era — contemporary-minimal
- Emotional tone — sophisticated-empowering
- Target audience — Young creatives, artists, and professionals who value minimalist design, quality craftsmanship, and authentic self-expression over fast fashion trends.
- Visual energy — 4/10 (moderate)

## Colors

The palette is anchored by #482922, a deep, earthy nude that conveys warmth, sophistication, and grounded strength, serving as the primary visual anchor against the stark clarity of #ffffff. This high-contrast duo eliminates visual noise, forcing focus onto content and form. The absence of auxiliary colors reinforces the minimalist ethos, ensuring that the brand's character is defined by restraint and editorial precision rather than decorative flair.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#482922` | Charcoal |
| surface | `#ffffff` | White |
| background | `#ffffff` | White |
| text | `#482922` | Charcoal |
| secondary text | `#482922` | Charcoal |
| border | `#ffffff` | White |
| link | `#482922` | Charcoal |
| muted | `#482922` | Charcoal |

## Typography

The type system relies on NeueHaasUnicaW1G for its clean, geometric neutrality, providing a modern, editorial backbone that aligns with the brand's sophisticated aesthetic. Arial serves as a functional fallback, ensuring legibility without disrupting the visual hierarchy. The approach is strictly hierarchical, using weight and spacing to create structure rather than decorative elements, communicating clarity, authority, and a no-nonsense attitude that respects the user's intelligence.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| NeueHaasUnicaW1G Regular | body | self-hosted | 400 |
| NeueHaasUnicaW1G Regular | heading | self-hosted | 400, 700 |
| Arial | body | system | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Heading 2 | NeueHaasUnicaW1G Regular | 14px | 700 | 16px | -1.05px |
| Heading 3 | NeueHaasUnicaW1G Regular | 16px | 400 | — | -1.2px |
| Body | NeueHaasUnicaW1G Regular | 16px | 400 | 28.8px | 0.6px |

### Conventions

- Heading case — title-case
- Body line-height — 28.8px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| dropdown | `rgba(0, 0, 0, 0.05) 0px 4px 5px 0px` |
| modal | `rgba(0, 0, 0, 0.2) 0px 26px 80px 0px` |
| element | `rgba(0, 0, 0, 0.13) 1px 0px 0px 0px inset, rgba(0, 0, 0, 0.13) -1px 0px 0px 0px inset, rgba(0, 0, 0, 0.17) 0px -1px 0px 0px inset, rgba(204, 204, 204, 0.5) 0px 1px 0px 0px inset, rgba(26, 26, 26, 0.24) 0px 12px 20px -8px` |
| element | `rgba(0, 0, 0, 0.2) 0px 2px 8px 0px` |

## Shapes

Border-radius scale:

- `md` — 60px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Primary**

- Background — `#482922`
- Text — `#ffffff`
- Radius — `0px`
- Padding — `9px 18px`
- Font size — `15px`
- Font weight — `400`
- Sample copy — "Shop now"

**Secondary**

- Background — `#efefef`
- Text — `#000000`
- Radius — `0px`
- Padding — `1px 6px`
- Font size — `13.3333px`
- Font weight — `400`
- Border — `2px solid #000000`
- Sample copy — "Liquid error (snippets/media_focal line 67): Could not find asset snippets/icon."

## Do's and Don'ts

### Do

- Use NeueHaasUnicaW1G Regular (400) for all body text and headings; use NeueHaasUnicaW1G Regular (700) specifically for subheadings or emphasized text.
- Apply a strict line-height of 28.8px to all body copy to ensure readability and an airy, editorial feel.
- Format all headings in Title Case (e.g., 'The New Collection') rather than sentence case or all caps.
- Style primary CTA buttons with a solid #482922 background, white (#ffffff) text, 0px border-radius (sharp corners), and padding of 9px vertical by 18px horizontal.
- Style secondary CTA buttons with a #efefef background, #000000 text, 1px #000000 border, 0px border-radius, and minimal padding (1px vertical, 6px horizontal).
- Maintain a monochrome color palette using #482922 (dark brown) for primary text and branding elements against a #ffffff background.
- Apply subtle, multi-layer shadows only to interactive or elevated elements: dropdowns (rgba(0,0,0,0.05) 0px 4px 5px 0px) and modals (rgba(0,0,0,0.2) 0px 26px 80px 0px).
- Use a base spacing unit of 2px for consistent layout grid alignment and padding.
- Avoid all emoji, exclamations, and technical jargon in copy; keep vocabulary simple and direct.
- Use imperative, short action verbs for CTAs (e.g., 'Shop now', 'Join the movement').

### Don't

- Do not use gradients anywhere in the interface; the design is strictly flat.
- Do not use border-radius on buttons; keep them sharp (0px) to maintain the brand's architectural/minimalist edge.
- Do not use Arial for headings or body text unless absolutely necessary as a fallback; prioritize self-hosted NeueHaasUnicaW1G.
- Do not use title-case for body text; keep body copy in standard sentence case or lowercase as appropriate for flow.
- Do not apply shadows to buttons or primary content cards; reserve shadows for dropdowns and modals only.
- Do not use vibrant or saturated colors; stick to the #482922 and #000000/white palette.
- Do not use playful or casual tone markers like emojis or excessive punctuation.
- Do not use large, rounded (pill-shaped) buttons; the medium radius of 60px mentioned in data appears to be an outlier or error for buttons, as button styles explicitly state 0px radius.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 8/10 | casual |
| Playful ↔ Serious | 6/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 7/10 | matter-of-fact |
| Respectful ↔ Irreverent | 7/10 | irreverent |
| Technical ↔ Accessible | 9/10 | accessible |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — simple
- Jargon — none
- CTA style — short, action-oriented imperative verbs
- Rhetorical devices — repetition, imperative

### Sample copy

> Nude Project es una marca de prêt-à-porter fundada en 2018 en un pequeño dormitorio por dos amigos con ganas de crear algo diferente.

> empoderando a los artistas para que creen sin miedo a ser juzgados.

> JOIN THE MOVEMENT

> Are you in the right place? Please select your shipping country.

> Timeless Basics

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | png | [link](brands/nude-project.com/logo-0.png) | 95% |
| logomark | — | svg | [link](brands/nude-project.com/logo-svg-1.svg) | 90% |
| logomark | — | svg | [link](brands/nude-project.com/logo-svg-2.svg) | 90% |
| logomark | — | svg | [link](brands/nude-project.com/logo-svg-3.svg) | 90% |

## Sources

- Live brand page — https://extractvibe.com/brand/nude-project.com
- Raw JSON — https://extractvibe.com/api/brand/nude-project.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/nude-project.com/design.md
- Extracted — 2026-08-19T08:25:09.757Z
- Generator — ExtractVibe vv1
- Quality score — 90/100