> ## 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.

# 靈感展示牆

> 瀏覽由 superun 生成的真實介面,登陸頁,儀表板與創意 UI 範例,作為你的設計靈感.

superun 歡迎各種創作者加入——就算你是完全的新手也沒有問題.

***

## 登入與驗證

<Columns columns={2}>
  <Card title="LoanApp" href="https://loanapp.superun.app/login" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/loan.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=bbdb475b4655b5ec4902280ef2840727" width="2560" height="1271" data-path="images/inspiration-case/loan.png">
    俐落,極簡的登入與註冊流程,支援手機號碼驗證.
  </Card>

  <Card title="Mobile OTP Login" href="https://login-mobile-otp.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/mobile.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=33d9fbc38efd34a00ff0e1e0f7d98fde" width="2560" height="1271" data-path="images/inspiration-case/mobile.png">
    以手機為主的 OTP 登入介面,適合快速又安全的驗證流程.
  </Card>
</Columns>

***

## 創意／懷舊風介面

<Columns columns={2}>
  <Card title="BRUT BLOG" href="https://brutalist-blog.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/BRUTBLOG.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=b06d7ff7dd3adce5d2e8398fe566c091" width="2560" height="1271" data-path="images/inspiration-case/BRUTBLOG.png">
    以網格為核心的粗獷風格部落格,刻意保留結構與「縫線」,讓排版與圖片成為主角.
  </Card>

  <Card title="Vintage UI" href="https://vintage-ui2.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/vintage.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=77bdaa2ce5eea8f8aaf30e81c409b755" width="2560" height="1271" data-path="images/inspiration-case/vintage.png">
    致敬經典 PC 終端機的復古介面.
  </Card>

  <Card title="Passport Photo App" href="https://passport-photo-app.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/passport.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=ec89ff4f7d433462934333193e10df45" width="2560" height="1271" data-path="images/inspiration-case/passport.png">
    線上證件照產生器,支援上傳並自動裁切圖片.
  </Card>

  <Card title="Shira Wiggles Fan" href="https://shira-wiggles3.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/wiggles.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=0d667c9653fb2f66238a559c91b67b80" width="2560" height="1271" data-path="images/inspiration-case/wiggles.png">
    色彩豐富的粉絲社群 Hero 頁,適合創作者或角色主題內容.
  </Card>

  <Card title="Arch Slider" href="https://arch-slider1.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/arch.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=a44c5a7493ff92b9d886bf974c00c6fd" width="2560" height="1271" data-path="images/inspiration-case/arch.png">
    以建築作品為主題的視覺 Slider,搭配乾淨的轉場效果.
  </Card>
</Columns>

***

## 登陸頁

<Columns columns={2}>
  <Card title="Konkan Craft" href="https://konkan-craft2.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/konkam.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=7fd50af1422c28ed71d72bb242d8862e" width="2560" height="1271" data-path="images/inspiration-case/konkam.png">
    展示手作商品的頁面,搭配溫暖的字體與細膩的重點高亮.
  </Card>

  <Card title="MoveService" href="https://move-service2.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/move.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=7d216b763cfea4467e27841e1f00f5c4" width="2560" height="1271" data-path="images/inspiration-case/move.png">
    搬家服務登陸頁,清楚呈現報價,流程與信任感元素.
  </Card>

  <Card title="HandyService" href="https://handy-service.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/handy.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=e9cda65183ac91bde7b501bf561d0f1b" width="2560" height="1271" data-path="images/inspiration-case/handy.png">
    家庭維修服務市集頁面,包含服務分類,預約與師傅資訊.
  </Card>

  <Card title="Beauty Reviews" href="https://beauty-review2.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/beautyreviews.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=e25116831be7a67123a3d4eaeccac259" width="2560" height="1271" data-path="images/inspiration-case/beautyreviews.png">
    美妝評測中心,聚合熱門產品與精選清單.
  </Card>

  <Card title="Lecture Recorder" href="https://app-lecture-rec.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/lecture.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=d4bb85dff8294d1f9c0e261de92fa998" width="2560" height="1271" data-path="images/inspiration-case/lecture.png">
    支援錄音與文字稿輸出的課程錄製工具.
  </Card>

  <Card title="PC Selling Page" href="https://superun-landing.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/pc.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=2895067af1e8dfcb2ce1adb74c01adfa" width="2560" height="1271" data-path="images/inspiration-case/pc.png">
    銷售電腦硬體的產品頁,強調規格亮點與價格區塊.
  </Card>

  <Card title="Curtain Pro" href="https://custom-curtain.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/curtain.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=4abcaaff235e5ec78686829dedf43955" width="2560" height="1271" data-path="images/inspiration-case/curtain.png">
    客製窗簾商品頁,包含產品導覽與預覽效果.
  </Card>
</Columns>

***

## 儀表板／分析頁

<Columns columns={2}>
  <Card title="EnergyManage" href="https://energy-manage2.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/ecohome.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=963aa8fab2ebc1df867702d57d9ee5ef" width="2560" height="1271" data-path="images/inspiration-case/ecohome.png">
    能源使用儀表板,包含圖表,關鍵指標與用量趨勢.
  </Card>

  <Card title="DeliverOpt" href="https://ai-deliveropt.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/deliver.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=b2b57211197c9af17218262cad07014b" width="2560" height="1271" data-path="images/inspiration-case/deliver.png">
    配送路線儀表板,結合地圖即時追蹤與訂單分析.
  </Card>

  <Card title="Global AI Trends" href="https://ai-integration-10yr.superun.app/" img="https://mintcdn.com/uxarts/yjH6AshHrlNkljA5/images/inspiration-case/AItrend.png?fit=max&auto=format&n=yjH6AshHrlNkljA5&q=85&s=7a896f338a2f1d2c25401ac9561e98c2" width="2560" height="1271" data-path="images/inspiration-case/AItrend.png">
    全球 AI 指標總覽,呈現指標與時間序列圖表.
  </Card>
</Columns>

***

探索更多範例:

* [superun 社群專案](https://superun.com/web/home)