# Shinecode Design System

## Design Philosophy
> Shinecode is beauty-forward, not pink-forward.
The product is a serious technology marketplace.
The interface should feel like: Premium SaaS, Modern marketplace, Editorial beauty, Human service, Technology platform.

## Core Visual Principle
> Technology in the interface. Beauty in the content.
The UI should be restrained. Beauty should primarily appear through photography, service imagery, typography, and controlled brand accents.

## Brand Color
Primary: `#CC2949`
This is the Shinecode brand color. It is not the default page background.

## Core Color Tokens

### Brand
primary-50:  #FDF1F3
primary-100: #F8D9DF
primary-200: #F2B8C3
primary-300: #E7768A
primary-400: #D94A65
primary-500: #CC2949
primary-600: #B52240
primary-700: #9F1E38
primary-800: #84182F
primary-900: #6D1427

### Neutral
ink:          #211B1D
muted:        #756B6E
background:   #FFFCFA
surface:      #FFFFFF
surface-soft: #F8F5F3
border:       #EAE4E1
border-strong:#D7CFCC

### Supporting
sage:         #8FB8A7
sage-soft:    #EAF3EF

peach:        #F2B8A7
peach-soft:   #FCEAE5

info:         #4F73B8
success:      #168A5B
warning:      #B7791F
error:        #B42318

## Color Usage
Target visual balance:
- 60–70% neutral surfaces
- 20–30% dark/neutral typography
- 5–10% primary brand color

## Forbidden Visual Language
Do not use as default: Pink backgrounds everywhere, Pastel rainbow palettes, Purple/pink/blue gradients, Giant decorative blobs, Glassmorphism, Excessive shadows, Glitter, Childish illustrations, Generic AI startup gradients.