ARKET

This design system presents an authoritative, understated retail experience, reminiscent of a high-end editorial magazine. A monochromatic palette with a subtle emphasis on crisp typography, particularly the distinct arketSansMono, defines its core. The sparing use of an inline link blue and subtle green for indicators provides functional accents without disrupting the minimal aesthetic. Element interactions are often border-based or purely typographical, favoring a quiet visual presence over ornate decoration. Prioritize arketSansMono (IBM Plex Mono) for almost all textual content to maintain brand consistency. Use Canvas White (#ffffff) as the dominant background color for all main content areas and modals. Implement Ink Black (#000000) for all primary text, headings, and interactive element borders for optimal contrast. Apply 2px border radius for buttons and 4px for input fields; almost all other elements should use 0px radius. Utilize 0px padding and 0px border radius for card-like elements to promote a clean, unframed aesthetic. Maintain comfortable element spacing, defaulting to 8px for internal element gaps and up to 16px for larger component separations. Employ Command Blue (#3860be) exclusively for navigation links and direct calls to action within text. Avoid using highly saturated colors; confine chromatic accents to Command Blue (#3860be) and Success Green (#38793f) for specific functional purposes. Do not introduce complex shadows; stick to the single rgba(0, 0, 0, 0.1) 0px 2px 10px 2px for elevated containers. Refrain from using varied border radii across elements; adhere strictly to 0px, 2px, or 4px. Do not deviate from the established font families; custom typefaces are a core part of the brand identity. Avoid decorative background patterns or strong gradients; the design relies on clean, solid surfaces. Do not use generic system default link colors; all links must be styled with Command Blue (#3860be) or Ink Black (#000000) for ghost buttons.