這是什麼

置中卡片：Google 登入、Email 表單；登入與註冊用分頁或分頁籤切換。

什麼時候用

使用者第一次進站或需要建立帳號時；OAuth 放最上方，Email 放在分隔線下方。

這是什麼

只做一件事：輸入 Email 重設密碼，並說明已寄出連結；底部可返回登入。

什麼時候用

使用者忘記密碼時；不要混入其他註冊或登入欄位。

這是什麼

左側品牌圖／產品敘事、右側表單 card；B2B 客戶入口可加登入／註冊 segmented tab。

什麼時候用

需要強品牌印象或內部／客戶分流登入時；窄螢幕可堆疊為單欄。

這是什麼

Linear：Google 主要登入、Email、SAML，置中無後台外框。

什麼時候用

企業 SaaS 登入頁；OAuth 優先，Email 與 SAML 依產品需求追加。

這是什麼

Peec AI：左側社群登入 + Email + 寄送 Magic Link；右側使用者見證。

什麼時候用

想同時展示登入表單與產品社會證明時；分欄版型適合較寬螢幕。