← 갤러리

Vivid Gradient Future Deck

채도 높은 4정점 메시 그라디언트가 슬라이드를 풀블리드로 채우고, 발광 3D 형태와 굵은 기하 산세리프가 그 위에서 외치는 미래지향 테크 키노트 스타일.

vibrant-gradient mesh-gradientglow3d-abstractfuturistic-techglassmorphismheavy-displayfull-bleed
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

채도 높은 다색 메시 그라디언트(딥 바이올렛→마젠타→일렉트릭 블루→시안)를 슬라이드 배경 전면에 풀블리드로 깔고, 발광 곡선과 추상 3D 형태(구·리본·유체 블롭)를 그 위에 부유시키는 프레젠테이션 스타일. 굵은 기하 산세리프가 그라디언트 위에서 또렷이 외치며 한눈에 '차세대 테크 키노트'로 식별된다. 깊이는 검정 그림자가 아니라 정점색 컬러 글로우로만 표현하고, 카드는 반투명 글래스 표면, 차트·다이어그램은 전부 발광 라인과 글래스 노드로 통일된 한 언어를 쓴다. 무채색·플랫 단색 배경, 검정 보더, 각진 직각 카드는 금지된다.

타입 스케일

display Ag 스타일 견본 Style Specimen
heading Ag 스타일 견본 Style Specimen
metric Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen

덱 전용 타입 스텝(pt 단위, 16:9 / 13.33×7.5in 캔버스). 디스플레이·헤딩·메트릭은 Space Grotesk Bold(자간 -0.02em)로 그라디언트 위에서 또렷이 외친다. 본문은 Inter 25pt, 슬라이드당 6줄 이하. 캡션/라벨은 대문자+넓은 자간(0.1em). 키 메트릭 숫자는 88pt로 슬라이드에서 가장 큰 요소. 라틴 Space Grotesk/Inter + 한글 Pretendard(웹폰트 대체 Noto Sans KR).

골든 예제 (exemplar)

Keynote 2030 — Vision

The next
intelligence
is ambient.

A saturated mesh of light where every surface computes.

Live signal

Three curves bend toward it.

92%
Adoption
4.1x
Throughput
0.3s
Latency

Do

  • 배경은 항상 4정점 메시 그라디언트(딥 바이올렛·마젠타·일렉트릭 블루·시안) 풀블리드 — 스택된 방사 그라디언트로 구현, 슬라이드마다 정점 위치 회전
  • 깊이·강조는 검정 그림자가 아니라 정점색 컬러 글로우(외부 글로우 32~40pt)로만 표현
  • 카드·다이어그램 노드는 반투명 글래스(rgba 255,255,255,0.12) + 1pt 반투명 흰 보더 + 반경 20pt
  • 굵은 기하 산세리프(Space Grotesk Bold)로 그라디언트 위에서 또렷이 — 표지 52pt, 키 메트릭 88pt
  • 장식은 발광 3D 형태(구·리본·유체 블롭)와 발광 곡선으로만, 강조는 글로우 시안 1곳만
  • 차트·다이어그램은 SVG 정밀 렌더 + 발광 라인/글래스 노드로 통일된 한 언어

Don't

  • 디폴트 보라-핑크 2색 그라디언트 금지 — 반드시 4정점 메시. 무채색·플랫 단색 배경 금지
  • 검정 보더·검정 하드 섀도 금지 — 컬러 글로우만
  • 각진 직각 카드 금지 — 반경 20pt 유지. 슬라이드마다 동일 그라디언트 배경 반복 금지
  • 이모지·클립아트·플랫 2D 아이콘 금지 — 장식은 3D 형태·발광 곡선으로만
  • 차트: 3D 원근 막대·입체 파이·격자선·범례 박스·무지개 다계열·잘린 y축·div 막대 금지

컴포넌트 노트

title_block
표지: 4색 메시 풀블리드 위 좌측 또는 중앙에 52pt Space Grotesk Bold 흰색 제목, 반대편에서 잘려 들어온 발광 3D 구, 하단 16pt 대문자 캡션 라벨.
glass_card
반투명 글래스 카드 — rgba(255,255,255,0.12) 채움 + 1pt rgba(255,255,255,0.30) 보더 + 반경 20pt + 정점색 글로우 섀도(블러 40pt/35%). 배경 블러(backdrop-blur). 슬라이드당 최대 3개.
chart
SVG 정밀 렌더 — 격자선·범례 박스·데이터 영역 테두리 제거, 축선은 0.75pt 반투명 흰색 헤어라인 또는 생략. 라인은 정점색 3pt 스트로크 + 외부 글로우(블러 12pt/40%), 꼭짓점에 발광 점(4pt 흰 코어+8pt 정점색 헤일로). 막대는 정점색 단색+반경 8pt, 강조 1개만 글로우 시안. 면적은 정점색→투명 세로 페이드. 값 레이블 16pt Space Grotesk Bold tabular 직접 표기, 계열명은 라인 끝 직접 라벨. 3D 위젯·무지개색·잘린 y축 금지.
diagram
글래스 노드(반경 20pt) + 정점색 2.5pt 발광 커넥터(외부 글로우 12pt/40%)+발광 화살촉 + 정원 번호 배지(정점색 채움+글로우, Space Grotesk Bold 24pt 흰색)라는 한 언어. 프로세스·타임라인·2×2 매트릭스·비교·계층/퍼널 전부 여기서 파생. 강조 노드/라인 1개만 글로우 시안. div 블록 금지 — SVG 정밀 렌더.
kpi_card
글래스 카드 2.8in×2.2in(반경 20pt) — metric 스타일 88pt Bold 흰색 수치 + 하단 16pt 대문자 라벨 + 정점색 삼각형(▲▼) 증감 25pt + 정점색 글로우 섀도. 슬라이드당 최대 3개.
decor
장식은 3D 형태·발광 곡선으로만 — 매끄러운 구·리본·유체 블롭의 3D 렌더 + 외부 글로우 32pt. 이모지·클립아트·플랫 2D 아이콘 금지.