Joran design system

Joran Design System

This is the component library for publications.vd.ch. Feel free to look around!

Search

components

- - Colors
  - Colors Inc
- Background
- Break
- Color
- Display
- Headings
- - Image Link
- Print
- Ratio
- - Arrow Down
  - Arrow Left
  - Arrow Right
  - Arrow Up
  - Chevron Down
  - Chevron Left
  - Chevron Right
  - Chevron Up
  - Close
  - File Earmark Pdf
  - Important
  - Mail
  - Menu
  - Play
  - Search
  - Social Facebook
  - Social Twitter
  - Triangle Right
- Visually Hidden
- Accordeon
- Auto Grid
- Box
- Card Link
- Container
- Grid
- List Inline
- Prose
- Region
- Split Pair
- Stack
- Alert
- Arrow
- Avatar
- Breadcrumb
- Button
- Carousel
- Content
- Figure
- Footer
- Gallery
- Hero
- Highlight
- Navigation
- Page
- - Pagination
  - Pagination Pages
- - Promo Card
  - Promo List
- Quote
- - Slider
  - Slider Js Nav
- Table
- Testimonial
- Timeline
- Video
- Search Page
- Standard
- Standard Print

documentation

Overview

Information

Version:: 1.6.6
Built on:: 11/9/2023, 10:45:00 AM
Changelog:: Voir les changements

Colors Variants

Default
Blue
Orange
Pink
Green

Headings Variants

Subhead
H 1
H 2
H 3
H 4
H 5
H 6
Caption
Cta

Ratio Variants

1 X 1
4 X 3
16 X 9

Box Variants

Default
Gradient

Grid Variants

Default
Item Centered
Item Centered Reverse
Pushed

Arrow Variants

Up
Right
Down
Left

Avatar Variants

Default
Responsive

Button Variants

Default
Accessible Text
Default Arrow Right
Default Arrow Left
Transparent
Transparent Arrow Right
Transparent Alternate
Transparent Alternate Arrow Right

Content Variants

Default
Heading Only
With Heading
With Heading Left
Intro

Figure Variants

Default
Link

Hero Variants

Default
Full
Full With Image
Default with image

Highlight Variants

Default
Heading Only
With Heading
With Button

Logo Header Variants

Default
2 Lines
3 Lines

Navigation Variants

Default
Pdf Download

Pagination Variants

Default
First Page
Last Page

Pagination Pages Variants

Default
First Page
Last Page

Promo Card Variants

Default
Image

Quote Variants

Default
Big

Search Input Variants

Default
With Selectors

Video Variants

Default
Caption

Search Page Variants

Default
Theme Blue
Theme Orange
Theme Pink
Theme Green

Standard Variants

Default
Theme Blue
Theme Orange
Theme Pink
Theme Green