<!-- Generated by ExtractVibe — https://extractvibe.com/brand/daxuen.com -->
<!-- Extracted: 2026-08-28T12:27:48.451Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "Daxuen"
description: "Daxuen Streetwear & Aesthetics – DAXUEN presents a professional web presence."
colors:
  primary: "#222222"
  secondary: "#222222"
  tertiary: "#002698"
  neutral: "#222222"
  surface: "#ffffff"
  on-surface: "#878787"
  on-surface-secondary: "#222222"
  border: "#dddddd"
  link: "#878787"
  error: "#eb001b"
  warning: "#e0b252"
  success: "#428445"
typography:
  display-lg:
    fontFamily: "Poppins"
    fontSize: "37px"
    fontWeight: "600"
    lineHeight: "51.8px"
  headline-lg:
    fontFamily: "Poppins"
    fontSize: "16.8px"
    fontWeight: "700"
    lineHeight: "23.52px"
  headline-md:
    fontFamily: "Poppins"
    fontSize: "23px"
    fontWeight: "600"
    lineHeight: "32.2px"
  headline-sm:
    fontFamily: "Poppins"
    fontSize: "18px"
    fontWeight: "600"
    lineHeight: "25.2px"
  body-md:
    fontFamily: "Poppins"
    fontSize: "14px"
    fontWeight: "400"
    lineHeight: "23.8px"
rounded:
  sm: "2px"
  md: "40px"
  lg: "60px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-secondary:
    backgroundColor: "#ffffff"
    textColor: "#333333"
    rounded: "2px"
    padding: "8px 25px"
    fontSize: "14px"
    fontWeight: "400"
    borderColor: "#1f1f1f"
    borderWidth: "1px"
---

# Daxuen — Design System

## Overview

The Daxuen design system establishes a rigorous, monochromatic aesthetic defined by absolute uniformity and professional restraint. By utilizing #222222 as both the primary and surface color, the interface eliminates visual noise, creating a seamless, high-contrast environment where content dictates hierarchy rather than color differentiation. This approach aligns with the 'professional' archetype, projecting stability, authority, and modern minimalism. The absence of varied hues signals a brand that prioritizes substance, clarity, and structural integrity over decorative flair. The design is not playful, whimsical, or colorful; it is severe, direct, and uncompromising in its visual discipline. This monolithic approach ensures that every interaction feels grounded and deliberate, reinforcing the brand's identity as a serious player in the streetwear and aesthetics space. The uniformity of the palette creates a cohesive digital experience that feels unified and intentional, avoiding the fragmentation often seen in multi-colored interfaces. This consistency builds trust through predictability, allowing users to focus entirely on the product and information presented without distraction. The design atmosphere is one of quiet confidence, where the lack of visual variation becomes a strength, emphasizing precision and high-end professionalism. It rejects the chaotic energy of traditional streetwear branding in favor of a sophisticated, gallery-like presentation that treats digital space as a curated environment. This strategy ensures that the brand remains timeless and adaptable, avoiding trends that date quickly. The visual language is stripped back to its essential elements, creating a stark, impactful presence that commands attention through its sheer boldness and simplicity. This design philosophy supports a user experience that is efficient, clear, and visually striking in its minimalism, establishing Daxuen as a brand that values quality and precision above all else.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette relies exclusively on #222222, creating a unified visual field that eliminates chromatic distraction. This monochromatic strategy reinforces the brand's professional and authoritative character, ensuring that focus remains on content structure and typography rather than decorative color. The consistency signals stability and high-end minimalism, establishing a serious, uncompromising aesthetic that prioritizes clarity and impact over visual variety. This approach creates a cohesive, immersive experience where every element feels intentional and grounded.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#222222` | Near-Black |
| secondary | `#222222` | Near-Black |
| accent / tertiary | `#002698` | Cobalt |
| surface | `#ffffff` | White |
| background | `#222222` | Near-Black |
| text | `#878787` | Gray |
| secondary text | `#222222` | Near-Black |
| border | `#dddddd` | Gainsboro |
| link | `#878787` | Gray |
| muted | `#222222` | Near-Black |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#428445` | Confirmations, positive states |
| warning | `#e0b252` | Caution, intermediate states |
| error | `#eb001b` | Failures, destructive actions |

## Typography

The type system utilizes Poppins for all textual elements, leveraging its geometric precision and modern clarity to support the brand's professional identity. The consistent use of a single font family ensures visual harmony and reduces cognitive load, allowing hierarchy to be established through weight, size, and spacing rather than font substitution. This approach communicates efficiency and modernity, aligning with the brand's minimalist aesthetic. The clean lines of Poppins enhance readability and reinforce the structured, disciplined nature of the design system, ensuring that communication remains direct and impactful.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Poppins | body | google-fonts | 400, 600 |
| Poppins | heading | google-fonts | 600, 700 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Poppins | 37px | 600 | 51.8px | — |
| Heading 2 | Poppins | 16.8px | 700 | 23.52px | — |
| Heading 3 | Poppins | 23px | 600 | 32.2px | — |
| Heading 4 | Poppins | 18px | 600 | 25.2px | — |
| Body | Poppins | 14px | 400 | 23.8px | — |

### Conventions

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

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| dropdown | `rgba(0, 0, 0, 0.15) 0px 0px 3px 0px` |
| modal | `rgba(63, 63, 68, 0.4) 0px 4px 10px 0px` |
| element | `rgb(223, 227, 234) 9px 5px 10px 0px, rgb(250, 255, 255) -5px -5px 10px 0px` |
| button | `rgba(54, 54, 54, 0.15) 0px 2px 10px 0px` |

## Shapes

Border-radius scale:

- `sm` — 2px
- `md` — 40px
- `lg` — 60px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Secondary**

- Background — `#ffffff`
- Text — `#333333`
- Radius — `2px`
- Padding — `8px 25px`
- Font size — `14px`
- Font weight — `400`
- Border — `1px solid #1f1f1f`
- Sample copy — "Accept"

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | png | [link](#) | 95% |
| favicon | — | png | [link](brands/daxuen.com/logo-1.png) | 95% |
| primary | color | png | [link](brands/daxuen.com/logo-2.png) | 85% |
| primary | color | png | [link](brands/daxuen.com/logo-3.png) | 85% |
| primary | color | png | [link](brands/daxuen.com/logo-4.png) | 85% |

## Sources

- Official brand guidelines — https://www.daxuen.com/?srsltid
- Live brand page — https://extractvibe.com/brand/daxuen.com
- Raw JSON — https://extractvibe.com/api/brand/daxuen.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/daxuen.com/design.md
- Extracted — 2026-08-28T12:27:48.451Z
- Generator — ExtractVibe vv1
- Quality score — 65/100