REFERENCE GALLERY

같은 제품도 다른 흐름으로 소개할 수 있습니다.

형식은 같아도 독자가 이해하는 순서는 다릅니다. 주제를 고르고, 잘 맞는 MDX 조합을 골라 시작하세요.

제품·작업 흐름

제품을 한 장면으로 이해시키기

첫 화면에서 약속을 말하고, 제품 화면과 세 가지 기능으로 바로 증명합니다.

<ProductHero ... />

<ProductScreenshot ... />

<FeatureGrid columns="3">…</FeatureGrid>

제품·작업 흐름

한 장의 화면을 크게 보이고, 바로 옆에서 그 화면이 왜 중요한지 설명하는 제품 소개 방식입니다.

<SplitSection title="…">
  <ImageSlot ... />
  <ExamplePanel ... />
</SplitSection>