Dit is de styleguide van
Velph
Colors design tokens
- Neutral 0
- Neutral 50
- Neutral 100
- Neutral 200
- Neutral 300
- Neutral 400
- Neutral 600
- Neutral 800
- Neutral 900
- Primary 50
- Primary 100
- Primary 200
- Primary 400
- Primary 500
- Primary 800
- Primary 900
- Secondary 400
- Secondary 500
- Tertiary 500
- Quaternary 500
Palette 1
u-text-1 u-text-2 u-text-3 u-border-1 u-border-2 ✸ u-contrast-1 ✸ u-contrast-2
Vivamus quis mi. Nulla porta dolor. Aliquam lobortis. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Pellentesque dapibus hendrerit tortor. Praesent turpis. Duis leo. Ut id nisl quis enim dignissim sagittis. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
Palette 2
u-text-1 u-text-2 u-text-3 u-border-1 u-border-2 ✸ u-contrast-1 ✸ u-contrast-2
Vivamus quis mi. Nulla porta dolor. Aliquam lobortis. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Pellentesque dapibus hendrerit tortor. Praesent turpis. Duis leo. Ut id nisl quis enim dignissim sagittis. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
Palette 3
u-text-1 u-text-2 u-text-3 u-border-1 u-border-2 ✸ u-contrast-1 ✸ u-contrast-2
Vivamus quis mi. Nulla porta dolor. Aliquam lobortis. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Pellentesque dapibus hendrerit tortor. Praesent turpis. Duis leo. Ut id nisl quis enim dignissim sagittis. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
Palette 4
u-text-1 u-text-2 u-text-3 u-border-1 u-border-2 ✸ u-contrast-1 ✸ u-contrast-2
Vivamus quis mi. Nulla porta dolor. Aliquam lobortis. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Pellentesque dapibus hendrerit tortor. Praesent turpis. Duis leo. Ut id nisl quis enim dignissim sagittis. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
This is heading 1
This is heading 2
This is heading 3
This is intro
This is body-1
This is body-2
This is body-3
This is body-4
- Lorem ipsum dolor sit amet
- Consectetur elit.
- Accusantium blanditiis cupiditate
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Quia sapiente ut voluptatem
- Consectetur elit.
- Blanditiis cupiditate
- Explicabo pariatur
- Sapiente ut voluptatem
Heading
Amet aspernatur dolores esse laborum maxime obcaecati quis quos similique, veniam voluptatum?
- Consectetur elit.
- Lorem ipsum dolor sit amet
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Accusantium blanditiis cupiditate
- Consectetur elit.
- Lorem ipsum dolor sit amet
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Accusantium blanditiis cupiditate
- Quia sapiente ut voluptatem
- Quia sapiente ut voluptatem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ducimus ea eius, harum ipsa nihil odio pariatur provident ratione reprehenderit voluptas voluptatibus!
Heading 3 excepturi impedit nostrum omnis
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur commodi necessitatibus saepe?
- Accusantium blanditiis cupiditate
- Quia sapiente ut voluptatem
- Accusantium blanditiis cupiditate
- Quia sapiente ut voluptatem
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Lorem ipsum dolor sit amet
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Consectetur elit.
- Lorem ipsum dolor sit amet
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Accusantium blanditiis cupiditate
- Quia sapiente ut voluptatem
- Lorem ipsum dolor sit amet
