設計系統提供嘅嘢嘅概覽。主題：day。語言：廣東話。
呢度嘅畫面係俾你複製嘅例子，唔係組件。
淨係突出一個主要嘅入口，其餘擺喺下面。唔好將註冊同登入分開——一個兩樣都得嘅按鈕，要解釋嘅少，會出錯嘅都少。
一個輸入格，一個掣。冇嘢要記，亦冇嘢可以偷。rastrillo 一開箱就做到。
<section rst-box>
<h1>Sign in</h1>
<form rst-form method="post" action="/signin">
<div rst-field>
<label rst-field-label for="email">Email</label>
<input rst-input id="email" name="email" type="email" autocomplete="email" required>
</div>
<button rst-btn="primary" type="submit">Continue</button>
</form>
<p><a href="/signin/other">Other ways to sign in</a></p>
</section>將個地址原樣顯示返。喺等一封永遠唔會嚟嘅電郵之前，呢個係唯一發現打錯字嘅機會。
<section rst-box>
<h1>Check your email</h1>
<p>We sent a link to <bdi>grace@example.com</bdi>.</p>
<p><a href="/signin">Use a different address</a></p>
</section>對已經有嘅人嚟講係最快，亦冇嘢要打。但都要俾多一個方法：人會唔見咗部機，而一條用唔到嘅通行密鑰就係一道鎖死咗嘅門。
<section rst-box>
<h1>Sign in</h1>
<button rst-btn="primary" type="button">Use a passkey</button>
<p><a href="/signin">Email me a link instead</a></p>
</section>我哋俾按鈕你，按每間公司嘅要求畫好。登入本身我哋唔提供——嗰部分你自己接去所用嘅供應商。
<section rst-box>
<h1>Sign in</h1>
<form rst-form method="post" action="/auth/google"><button rst-btn type="submit">Continue with Google</button></form>
<form rst-form method="post" action="/auth/apple"><button rst-btn type="submit">Continue with Apple</button></form>
<p><a href="/signin">Email me a link instead</a></p>
</section>如果你真係要用密碼，就照用同一個「一個主入口」嘅版面，並且將重設嘅入口擺喺個掣正下面，唔好收埋。
人會重複用密碼，密碼會外洩，而安全保存嘅工作就落喺你身上。請用電郵連結加通行密鑰，或者淨用通行密鑰，又或者用人哋已經有嘅帳戶登入。下面呢個畫面喺度，係因為有啲產品仲需要佢，唔係因為佢係個好嘅預設。
<section rst-box>
<h1>Sign in</h1>
<form rst-form method="post" action="/signin">
<div rst-field>
<label rst-field-label for="pw-email">Email</label>
<input rst-input id="pw-email" name="email" type="email" autocomplete="email" required>
</div>
<div rst-field>
<label rst-field-label for="pw-pass">Password</label>
<input rst-input id="pw-pass" name="password" type="password" autocomplete="current-password" required>
</div>
<button rst-btn="primary" type="submit">Continue</button>
<p><a href="/signin/reset">Forgotten your password?</a></p>
</form>
</section>