Default
Translucent.
기본 plastic — 1px subtle 보더 + soft shadow.
View details →Think different.
Welcome to iMac.
1998년 Steve Jobs 가 부활시킨 캔디 시대. Bondi Blue + 5 컬러 + Aqua glossy + 반투명 plastic. 노스탤지아 · creative tools · 디자이너용 retro app.
Display XL · Lucida
Display XL
Display · Lucida
Display Default
Title LG · 32px
Title LG
Title · 24px
Title default
Body · Lucida Grande
Body 1rem regular. The quick brown fox jumps over the lazy dog.
Mono · Monaco
$ sudo periodic dailyYour name
About
진행률 · 72%
Default
Bondi
Lime
Tangerine
Strawberry
Grape
Accent
Bondi tint.
Bondi blue 미세 후광.
View details →Inverted
Pure night.
반전 surface — 다크 plastic.
View details →Disk Usage
42.5 GB
↑ 3.2 GB this month
Battery
87%
↓ 4h remaining
Network
12.4 MB/s
↑ stable
Mac History
The candy that saved Apple.
By Cupertino · 1998–2003 · 6 min read
In 1997, Apple was 90 days from bankruptcy. Steve Jobs returned and within a year shipped the Candy Plastic — Bondi Blue, translucent, all-in-one. Lucida Grande 시스템 폰트가 Mac OS X (1999~2014) 의 시그니처가 됐고, Aqua glossy 메커니즘은 macOS Tiger 시대까지 이어졌습니다.
1999년에 5 캔디 컬러 (Tangerine / Strawberry / Grape / Lime / Blueberry) 가 추가됐고, 이는 디지털 제품의 컬러 personality 가 가능하다는 첫 증명이었습니다.
Think different — 친근한 친구 같은 컴퓨터.
Candy Plastic 시그니처: traffic light 윈도우 frame + 5 캔디 컬러 + Aqua glossy 버튼.
1998 Bondi 가 오리지널, 1999 에 5 컬러로 확장.
Bondi · 1998
Tangerine · 1999
Strawberry · 1999
Grape · 1999
Lime · 1999
Blueberry · 1999
이 디자인, 내 프로젝트에 바로 쓸 수 있어요
크리에이터OS가 있으면 말 한마디로, 없어도 2단계면 즉시 적용돼요.
Creator OS 사용 중이라면
에이전트에게 말 한마디면 끝
테마 선택·CSS 세팅·컴포넌트 배치까지 자동이에요. 코드 한 줄 안 봐도 돼요.
"Candy Plastic 스타일로 크리에이티브 페이지 만들어줘"Creator OS 시작하기 →
직접 적용하고 싶다면
2단계로 즉시 적용
① HTML 파일 <head> 안에 아래 2줄 붙여넣기
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-tokens.css">
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-components.css">
② <body> 태그에 테마 한 줄 추가
<body data-theme="candy-plastic">
버튼·카드·폼·태그가 모두 레트로 Candy Plastic 디자인으로 바뀌어요. Framer · Wix 커스텀 코드에도 동일하게 작동해요.