큐레이션 · 오픈 · 무료

Magic

Magic는 소프트웨어 엔지니어링과 연구를 자동화하기 위해 프론티어 코드 모델을 구축하고 있습니다.

01

디자인 DNA

AGI에 전념하는 최고의 연구 실험실.

02

컬러

고대비 미니멀리즘: 순백의 캔버스 위의 짙은 숯색 잉크, 보조 정보를 위해 부드러운 회색 사용.

03

타이포그래피

grotesque-sans · humanist-sans · monospace

• display46px · 400
• body17px · 400
• small13px · 400

04

여백

표준 4px 기반에 넉넉한 여백을 두어 숨 쉬는 듯한 에디토리얼 느낌을 줍니다.

05

표면 (라운드 / 그림자 / 경계선)

목록 구분선용 1px solid rgba(232, 232, 236, 1)

06

레이아웃

히어로 섹션용 2열 분할, 직선 구분선이 있는 채용 공고용 단일 열 목록 레이아웃.

07

모션과 인터랙션

인터랙티브 요소의 hover 트랜지션

링크의 은은한 색상 또는 불투명도 변화. · 직접적인 내비게이션.

08

컴포넌트

• button 화살표 아이콘이 있는 최소한의 텍스트 링크, 얇은 수평선으로 구분.
• card 보이지 않음.
• chip 보이지 않음.
• input 보이지 않음.
• hero 상단에 은은한 컬러 그라데이션 메쉬 배경을 둔 대규모 타이포그래피 스테이트먼트.

09

보이스와 금지 목록

• 톤 권위적이고, 기술적이며, 사명에 집중된.
• 헤드라인 굵고, 직접적이며, 사명에 초점을 맞춘.
• CTA 절제되고, 전문적이며, 명확한.

• 선명한 기본색을 사용하지 마세요 — 스크린샷에는 은은한 그라데이션 메쉬만 있는 대부분 단색 팔레트가 나타납니다.
• 본문에 굵은 글꼴을 사용하지 마세요 — 스크린샷에는 모든 본문에 정상(400) 굵기가 나타납니다.
• 제목에 장식적이거나 세리프 폰트를 사용하지 마세요 — 스크린샷에는 깔끔하고 현대적인 고트로스크 산세리프가 나타납니다.
• 복잡한 카드 레이아웃을 사용하지 마세요 — 스크린샷에는 단순한 선형 목록 레이아웃이 나타납니다.
• 두꺼운 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 완전히 플랫하고 그림자가 없는 표면이 나타납니다.
• 상자가 있는 버튼을 사용하지 마세요 — 스크린샷에는 화살표 아이콘이 있는 단순한 텍스트 링크가 나타납니다.
• 피하기: 전문 용어
• 피하기: 지나친 열정
• 피하기: 마케팅 용어

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko