큐레이션 · 오픈 · 무료

Fireworks AI

개발자가 대규모로 모델을 학습하고 실행할 수 있도록 설계된 고성능 AI 추론 플랫폼입니다.

aiinfra
Fireworks AI 스크린샷
↓ 디자인 시스템 다운로드 (5 MB)OpenDesign 에서 열기

원본 사이트: https://fireworks.ai

📦 팩 내용 보기 →

01

디자인 DNA

AI 추론개발자 플랫폼PyTorch 창시자serverless모델 생명주기

AI 모델을 위한 산업 등급 클라우드 인프라

02

컬러

#6720ffAccent
#000000Ink
rgba(0,0,0,0.6)Ink soft
#ffffffBG
#888888Muted
rgba(0,0,0,0.1)Line

고대비 모노크롬 기반에 주요 작업을 위한 생동감 있는 보라색 악센트 적용

03

타이포그래피

grotesque-sans · humanist-sans · monospace

레이블과 내비게이션 링크에 대문자 사용 · 디스플레이 헤드라인에 타이트한 트래킹 유지 · 본문 텍스트에 system-ui 폴백 체인 사용

04

여백

4px
8px
12px
16px
24px
32px
48px
64px
96px

넉넉한 섹션 패딩을 갖춘 일관된 4px 그리드

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

1px solid rgba(0,0,0,0.1)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

콘텐츠를 제한한 전체 폭 히어로, 2단 피처 레이아웃

07

모션과 인터랙션

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

호버 시 색상 및 배경 전환 · 인터랙티브 요소의 Transform 전환 · 상태 변경 시 Opacity 페이드

텍스트 및 배경의 색상 전환 · 시각적 피드백을 통한 즉각적인 응답

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Fireworks AI — 桌面首屏（hero）
桌面首屏（hero）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fireworks AI — 移动首屏
移动首屏

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

11

System Prompt

Fireworks AI는 깨끗하고 전문적인 미학을 갖춘 프리미엄 개발자 중심 AI 추론 플랫폼입니다. 디자인은 깨끗한 흰색 배경, 짙은 검은색 텍스트, 주요 작업을 위한 생동감 있는 보라색(#6720ff) 악센트를 사용합니다. 타이포그래피는 대담한 헤드라인을 위한 grotesque-sans(타이트한 트래킹, weight 550)와 읽기 쉬운 본문을 위한 humanist-sans를 결합합니다. 내비게이션은 넉넉한 간격을 갖춘 대문자 레이블을 사용합니다. 레이아웃은 전체 폭 섹션에 걸쳐 여백과 명확한 콘텐츠 계층 구조를 강조합니다. 핵심 제약 조건: 장식용 그라데이션이나 그림자를 절대 사용하지 마세요, 모노크롬 기반에 단일 보라색 악센트만 유지하세요, 레이블과 내비게이션에 항상 대문자를 사용하세요, 넉넉한 패딩으로 인터페이스를 깔끔하게 유지하세요, 산세리프 서체만 사용하세요, 가독성을 저해하지 않으면서 임팩트를 위한 대담한 타이포그래피를 적용하세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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