> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 编辑器界面

> 编辑器风格的界面与内容版面.

<img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/editor-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=1bf52ca16b5f3832b82c7e35862d67f2" alt="编辑器模板 1" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/editor-1.png" />

<img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/editor-2.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=46a552d1b139058c553f03728611e314" alt="编辑器模板 2" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/editor-2.png" />

<img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/editor-3.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=d3b38d0d031d1b015be6011d317389a4" alt="编辑器模板 3" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/editor-3.png" />

<div
  style={{
marginTop: '2rem',
display: 'flex',
justifyContent: 'center',
}}
>
  <a
    href="https://www.figma.com/design/OU2qKo5cWSGyocBi73Nc12/50--free-templates-across-all-major-web-UI-types-%E2%80%94-90--coverage--Community-?node-id=0-1&p=f&t=YiJzQeJdSr8pDyyF-0"
    style={{
  backgroundColor: '#0F172A',
  color: 'white',
  padding: '12px 28px',
  borderRadius: '8px',
  fontSize: '16px',
  fontWeight: '600',
  textDecoration: 'none',
  boxShadow: '0 4px 12px rgba(0,0,0,0.08)',
  transition: 'all 0.2s ease',
}}
    onMouseOver="this.style.backgroundColor='#1E293B'"
    onMouseOut="this.style.backgroundColor='#0F172A'"
  >
    在 Figma 中查看模板
  </a>
</div>