Pattern Framework
Imaginea din stânga, textul din dreapta
Utilizați acest lucru pentru secțiunile în care lucrarea de artă explică conceptul, dar copia încă poartă semnificația detaliată.
Ghidul de stil de stil
Pagina aceasta este referinta live pentru imagini splash, butoane, carduri, blocuri de copie si tokenuri vizuale.
Immagini di splash
Conținutul de imagini de eroare canonică: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>
Homem-Héros à la maison
Le logiciel 5.0 Hero
Imaginea din stânga, textul din dreapta
În mod mobil, imaginea se amestecă deasupra copiilor și se extinde la lățimea completă a cărții.
Paginile publice
Prețuri
Pagina de prețuri
Carduri de plan, tabel de comparație și un cadru de achiziții public-friendly.
Lucrări
Pagina de documente
Reescrisele publice, fișierele de sursă locale și provența surselor legate.
Analiza de analiză
Pagina de analiză Analiza de analiză
Metrice de titlu, rețele de date susținute de DataTables și amChartăs vizuale.
Butonele
Carduri
Cardul de caracteristică
Utilizarea pentru beneficiile de bază ale produsului, descrierile de capacitate și secțiunile conceptuale.
Cardul de prețuri
28 de dolari/monate.
Cloud twin + OAuth3 vault + Partea 11 Evidența arhitectată.
Boxul de evidenţă: Utilizarea pentru TL;DR callouts juridice, notificări puternice, și compact accent copy.
Tabeluri și grafice
Tabelul de exemplu
Tabel de exemplu
| Suprafaţa | Biblioteca | Modul |
|---|---|---|
| Analiza de analiză | amChartăs | Chartă |
| Lucrări | DataTables | Catalogul Catalogul |
| Prețuri | DataTables | Comparație |
Tipografie
Textul de conținut Este stilul de citire de bază pentru un produs și o explicație tehnică.
Introducerea se face pentru rezumate mai largi, care au nevoie de mai multă prezență decât o copie corporală, dar cu mai puțin greutate decât un titlu.
Subtitlul ero este rezervat pentru încadrarea primei valori sub titlul principal.
Tokeni de culoare
Albastru
`--sa-blue`
Viola
`--sa-purple`
Arancione
`--sa-orange`