UI - Style Guide
Global Colors
Global fonts
Primary Headline
Secondary Headline
Body Text
Typographie
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Lorem ipsum dolor sit amet. Hic deleniti earum vel molestias nemo a debitis illo et ipsam magni et aspernatur aliquam ab officiis cupiditate. Non corporis repellat et accusamus voluptatem sit dolor excepturi sit quia iure non odio ipsum rem necessitatibus ratione. Sed natus quia ut quibusdam facere sed molestias adipisci vel voluptatum alias eum illum natus qui delectus culpa.
Hic tenetur autem hic similique voluptate aut galisum dicta et distinctio voluptate. Est omnis inventore quo dignissimos omnis et iusto temporibus id voluptatem quibusdam sit voluptates sapiente.
Qui ipsa quasi aut commodi mollitia et voluptatum dolorum non officia fugiat sit porro dolores ad nihil illo et laborum perspiciatis! Aut eius sunt quo harum possimus est eligendi omnis est mollitia perferendis et voluptatibus quod.
Ut consequuntur maxime eum fuga labore in voluptas quasi ab consectetur dolore qui tenetur error eum eaque temporibus et delectus molestiae. Et facere dignissimos ut assumenda maxime est neque vitae qui ipsam aspernatur. Eum quos praesentium nam voluptas repellendus non officia dolorem. Vel voluptates accusantium ut cupiditate enim id neque quia.
Button
Image
Formulaire
TITRE
h1. Titre de niveau 1
H2. Titre de niveau 2
h3. Titre de niveau 3
h4. Titre de niveau 4
h5. Titre de niveau 5
h6. Titre de niveau 6
Text. Titre de type "text"
Quote. Titre de type "quote"
Typographie
Lorem ipsum dolor sit amet consectetur adipiscing elit, primis iaculis donec arcu erat platea facilisis sodales, in fusce penatibus sociosqu litora proin. Himenaeos feugiat iaculis vehicula mauris sed pulvinar vel tristique, fusce cras fames suscipit facilisi sociosqu aliquam, eros laoreet dui ultrices aliquet ultricies nisi. Rhoncus per varius habitasse mollis sociosqu natoque magnis in et, fusce consequat hendrerit malesuada ridiculus aenean at ante placerat, pharetra ullamcorper curabitur netus nulla auctor lectus fringilla. Cras vulputate diam commodo nisl purus ad est etiam feugiat ligula, habitasse suspendisse vitae inceptos nam quam magna donec rhoncus fames, neque venenatis curabitur condimentum facilisis ac placerat nibh lacus. Vehicula venenatis inceptos et nibh primis mollis aptent sociosqu velit, lacinia netus tempor gravida egestas volutpat elementum etiam, in tellus cum iaculis urna odio morbi massa. Sodales in fermentum magna nostra neque aenean lectus eu nam habitant auctor ridiculus erat netus urna, nulla ornare orci leo a mollis donec molestie pellentesque quisque dictum class non. Turpis himenaeos faucibus nam facilisi primis convallis venenatis pharetra nec, ante rutrum erat ad pretium etiam taciti per, fusce interdum et torquent bibendum lobortis ultrices sem. Platea feugiat cras cum arcu donec ut fames nisi cursus mauris, iaculis sem ornare senectus aliquam parturient euismod vel bibendum.
Auctor tincidunt fringilla ut interdum etiam facilisis porttitor metus lacus, lobortis rhoncus fames ornare litora mauris eget nisi cubilia, volutpat rutrum cras montes tempor nisl mi dictumst. Scelerisque arcu condimentum commodo ultricies quisque platea, turpis consequat interdum etiam dis vulputate et, faucibus eu cubilia duis lobortis. Urna litora turpis non potenti at euismod, sollicitudin parturient a sociis cum quis pellentesque, lobortis eleifend vel class nunc. Urna sociis dictum interdum ornare cras luctus vehicula phasellus ligula duis dictumst dis id leo commodo molestie lobortis, sodales orci class nostra inceptos aliquam nunc porta turpis cum justo montes eget sociosqu fermentum. Magna litora semper malesuada platea diam mauris ante dapibus, justo commodo vivamus sociosqu sollicitudin sagittis mi senectus, phasellus facilisi cum conubia class lacinia dis. Vestibulum mollis pulvinar orci etiam tincidunt non mi imperdiet hendrerit aptent, luctus aliquet suscipit mattis enim maecenas erat nullam.
GLobal fonts
Primary Headline
Secondary Headline
Body Text
LISTE
- Alice.
- Le lapin blanc.
- Le chat du Cheshire.
- Le Chapelier fou.
- La reine de cœur.
- Alice.
- Le lapin blanc.
- Le chat du Cheshire.
- Le Chapelier fou.
- La reine de cœur.
PARAGRAPHE
Dans un village de la Manche dont je ne veux pas me rappeler le nom, il n’y a pas longtemps que vivait un de ces hidalgos qui ont lance au râtelier, vieille rondache, maigre haridelle et limier de chasse.
Préformaté
Dans un village de la Manche dont je ne veux pas me rappeler le nom, il n’y a pas longtemps que vivait un de ces hidalgos qui ont lance au râtelier, vieille rondache, maigre haridelle et limier de chasse.
Couleurs
Brand
Primary
#
Secondary
#
Accent
#
Brand Light (claire)
Primary Light
#
Secondary Light
#
Accent-Light
#
Brand Dark (foncée)
Primary-Dark
#
Secondary-Dark
#
Accent-Dark
#
Dark
#
Grey
#
Smooth Grey
#
Light grey
#
Black
#000000
White
#FFFFFF
Transparent
#00000000
Image
Galerie
DEFAULT
CONTACT
SIMPLE
RADIO
CHECKBOX + ACCEPT
SELECT
TITRE
Titre H2
Titre H2
Titre H2
Titre H2
CITATION
En citant les autres, nous nous citons nous-mêmes.
CODE
console.log( 'Code is Poetry' );
// A “block” is the abstract term used
// to describe units of markup that
// when composed together, form the
// content or layout of a page.
registerBlockType( name, settings );
Lorem ipsum dolor sit amet consectetur adipiscing elit, primis iaculis donec arcu erat platea facilisis sodales, in fusce penatibus sociosqu litora proin. Himenaeos feugiat iaculis vehicula mauris sed pulvinar vel tristique, fusce cras fames suscipit facilisi sociosqu aliquam, eros laoreet dui ultrices aliquet ultricies nisi. Rhoncus per varius habitasse mollis sociosqu natoque magnis in et, fusce consequat hendrerit malesuada ridiculus aenean at ante placerat, pharetra ullamcorper curabitur netus nulla auctor lectus fringilla. Cras vulputate diam commodo nisl purus ad est etiam feugiat ligula, habitasse suspendisse vitae inceptos nam quam magna donec rhoncus fames, neque venenatis curabitur condimentum facilisis ac placerat nibh lacus. Vehicula venenatis inceptos et nibh primis mollis aptent sociosqu velit, lacinia netus tempor gravida egestas volutpat elementum etiam, in tellus cum iaculis urna odio morbi massa. Sodales in fermentum magna nostra neque aenean lectus eu nam habitant auctor ridiculus erat netus urna, nulla ornare orci leo a mollis donec molestie pellentesque quisque dictum class non. Turpis himenaeos faucibus nam facilisi primis convallis venenatis pharetra nec, ante rutrum erat ad pretium etiam taciti per, fusce interdum et torquent bibendum lobortis ultrices sem. Platea feugiat cras cum arcu donec ut fames nisi cursus mauris, iaculis sem ornare senectus aliquam parturient euismod vel bibendum.
Auctor tincidunt fringilla ut interdum etiam facilisis porttitor metus lacus, lobortis rhoncus fames ornare litora mauris eget nisi cubilia, volutpat rutrum cras montes tempor nisl mi dictumst. Scelerisque arcu condimentum commodo ultricies quisque platea, turpis consequat interdum etiam dis vulputate et, faucibus eu cubilia duis lobortis. Urna litora turpis non potenti at euismod, sollicitudin parturient a sociis cum quis pellentesque, lobortis eleifend vel class nunc. Urna sociis dictum interdum ornare cras luctus vehicula phasellus ligula duis dictumst dis id leo commodo molestie lobortis, sodales orci class nostra inceptos aliquam nunc porta turpis cum justo montes eget sociosqu fermentum. Magna litora semper malesuada platea diam mauris ante dapibus, justo commodo vivamus sociosqu sollicitudin sagittis mi senectus, phasellus facilisi cum conubia class lacinia dis. Vestibulum mollis pulvinar orci etiam tincidunt non mi imperdiet hendrerit aptent, luctus aliquet suscipit mattis enim maecenas erat nullam.
Lorem ipsum dolor sit amet consectetur adipiscing elit, primis iaculis donec arcu erat platea facilisis sodales, in fusce penatibus sociosqu litora proin. Himenaeos feugiat iaculis vehicula mauris sed pulvinar vel tristique, fusce cras fames suscipit facilisi sociosqu aliquam, eros laoreet dui ultrices aliquet ultricies nisi. Rhoncus per varius habitasse mollis sociosqu natoque magnis in et, fusce consequat hendrerit malesuada ridiculus aenean at ante placerat, pharetra ullamcorper curabitur netus nulla auctor lectus fringilla. Cras vulputate diam commodo nisl purus ad est etiam feugiat ligula, habitasse suspendisse vitae inceptos nam quam magna donec rhoncus fames, neque venenatis curabitur condimentum facilisis ac placerat nibh lacus. Vehicula venenatis inceptos et nibh primis mollis aptent sociosqu velit, lacinia netus tempor gravida egestas volutpat elementum etiam, in tellus cum iaculis urna odio morbi massa. Sodales in fermentum magna nostra neque aenean lectus eu nam habitant auctor ridiculus erat netus urna, nulla ornare orci leo a mollis donec molestie pellentesque quisque dictum class non. Turpis himenaeos faucibus nam facilisi primis convallis venenatis pharetra nec, ante rutrum erat ad pretium etiam taciti per, fusce interdum et torquent bibendum lobortis ultrices sem. Platea feugiat cras cum arcu donec ut fames nisi cursus mauris, iaculis sem ornare senectus aliquam parturient euismod vel bibendum.
Auctor tincidunt fringilla ut interdum etiam facilisis porttitor metus lacus, lobortis rhoncus fames ornare litora mauris eget nisi cubilia, volutpat rutrum cras montes tempor nisl mi dictumst. Scelerisque arcu condimentum commodo ultricies quisque platea, turpis consequat interdum etiam dis vulputate et, faucibus eu cubilia duis lobortis. Urna litora turpis non potenti at euismod, sollicitudin parturient a sociis cum quis pellentesque, lobortis eleifend vel class nunc. Urna sociis dictum interdum ornare cras luctus vehicula phasellus ligula duis dictumst dis id leo commodo molestie lobortis, sodales orci class nostra inceptos aliquam nunc porta turpis cum justo montes eget sociosqu fermentum. Magna litora semper malesuada platea diam mauris ante dapibus, justo commodo vivamus sociosqu sollicitudin sagittis mi senectus, phasellus facilisi cum conubia class lacinia dis. Vestibulum mollis pulvinar orci etiam tincidunt non mi imperdiet hendrerit aptent, luctus aliquet suscipit mattis enim maecenas erat nullam.