> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/loan.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=f57c05fc8f46b466a27c86d7088d894d" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/mobile.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=cb42c72608e51b7cb1f64ea148141ea6" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/BRUTBLOG.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=d6f5d85c98e2a3b17e532d7787a120c3" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/vintage.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=2438beeb6a76e81f39fa83dcfb50b858" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/passport.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=2c024626e39ccbf7149328b0240f1e90" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/wiggles.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=bd67aeafea690e83dfb22e537d28a07a" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/arch.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=e184298825bf709938d537c7172bdc5f" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/konkam.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=4a5184ca2ec13bbed777f5601d414ef9" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/move.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=ec8a04443485a75372ccd7ee7e7f19aa" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/handy.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=1649659dfe25989dc1676a8bbdad1217" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/beautyreviews.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=7e088a9e32f6dd2dbd30f786456524c0" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/lecture.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=73600bed9db0c46739e1cc0df6b5dd7b" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/pc.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=ea7279c82409b68dcf589413a871e1b7" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/curtain.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=fcbfe5ba2336a4a5df6db113f0b781f3" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/ecohome.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=8b254761e907f2a751bafe8971cd308d" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/deliver.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=312f3d40344526860fca0602de11a03a" 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-dc22e128/v2ulQPoBVUlx_7v3/images/inspiration-case/AItrend.png?fit=max&auto=format&n=v2ulQPoBVUlx_7v3&q=85&s=b8ee32fd8b452d98d7934e7d62ac7e1a" width="2560" height="1271" data-path="images/inspiration-case/AItrend.png">
    全球 AI 指標總覽,呈現指標與時間序列圖表.
  </Card>
</Columns>

***

探索更多範例:

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