Ang pahina na ito ay live reference para sa mga splash image, button, card, copy blocks, at visual tokens.
Ang Canonical hero image container ay: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>
Ang Canonical media/text split para sa mga seksyon ng paliwanag ng produkto.Sa mobile, ang imahe ay nag-stack sa itaas ng kopya at lumawak sa buong lapad ng card.
Pattern ng Framework
Gamitin ito para sa mga seksyon kung saan ang artwork ay nagpapaliwanag ng konsepto, ngunit ang kopya ay may detalyadong kahulugan pa rin.Ang column ng imahe ay nananatiling visual na naka-anchor sa desktop at nagiging isang full-width stacked row sa mobile.
Presyo
Mga card ng plano, kumpara sa table, at public-friendly purchase framing.
Mga Papel
Ang mga pampublikong muling pagsulat, lokal na mga source file, at ang pinagkakasunduan ng pinagmulan ng pinagmulan.
Ang Analytics
Mga metrics ng mga headerline, dataTables-backed grids, at amChart Charts visual.
Gamitin para sa pangunahing mga benepisyo ng produkto, paglalarawan ng kakayahan, at mga konsepto na seksyon.
Kartu Presyo
28/buwan $28/buwan
Twin Cloud + OAuth3 vault + Part 11 Architected evidence.
Kothak Sorotan: Gamitin para sa TL;DR legal callouts, strong notices, at compact emphasis copy.
| Permukaan | Library Library | Ang Mode |
|---|---|---|
| Ang Analytics | amChart Charts | Chart Chart |
| Mga Papel | DataTables | Ang Catalogue ay may mga katalogo. |
| Presyo | DataTables | Paghahambing |
Text ng nilalaman Ito ang pangunahing estilo ng pagbabasa ng mahabang form para sa produkto at teknikal na paliwanag.
Ang Introduction Section ay para sa mas malawak na mga sumaryo na nangangailangan ng higit na presensya kaysa sa body copy ngunit mas kaunting timbang kaysa sa isang header.
Ang subtitle ng Hero ay nakatakda para sa unang-fold value framing sa ilalim ng pangunahing header.
