Vibrance

https://www.figma.com/file/iuUqiZRXMZcDQc3dHWn7x7/Remake?node-id=5277%3A7

Vibrance 1-2-3: Buna Slider

Cheatsheet
Title Left-bottom — Navigation Right-Bottom (first-style)
Title Middle — Navigation Middle Bottom (with dark tooltip)
Title Left Middle — Navigation Right (Vertical & Dark Tooltip)

Use one of already created sliders Elements into Cowidgets. You can check them live preview on remake.codeless.co

Each slide should have option for title, description, button-text, button-link, light/dark switch, IMAGE.

Element Name: Buna

Slider General Options should have options like in cheatsheet:

  1. project title position options
    1. Middle
    2. Left
    3. Right
    4. Left Bottom
    5. Right Bottom
  2. project navigation style
    1. None
    2. Counter
    3. Dots
    4. Dots with Tooltip
    5. Only Arrows
  3. project navigation position
    1. Bottom Middle
    2. Bottom Left
    3. Bottom Right
    4. Right (Vertical)
    5. Left (Vertical)

Styling Options – like other sliders, title & description typography and custom colors.

Vibrance 4 – Vjosa Slider

Stage padding, centered and starting index 1 (or 2?) are the carousel options that should be set the achieve this style. remove unnecessary element options.

Each slide should have options for Title, Image, Light/Dark Switch

Other Slider General Options:

  1. Slider Navigation:
    1. None
    2. Counter
    3. Dots
    4. Dots with Tooltip
    5. Only Arrows

Vibrance 5-6

Aligned Middle Carousel Items
Carousel with Image Aligned Top

No need for new element here I think. We can use Portfolio Carousel and creating a new portfolio style for this:

Also, we need extra options for the pagination, here some work needed.

When the Drini portfolio style selected a new section of options should be displayed here Drini Navigation:

Drini Navigation Style:

  1. None
  2. Counter
  3. Dots
  4. Dots with Tooltip
  5. Only Arrows

Adding New Portfolio Styles

1. Seman Portfolio Style

2. Devoll Portfolio Style

the one in the middle is the item on hover

3. Devoll 2 Portfolio Style

4. Danube Portfolio style

Leave a comment

Your email address will not be published. Required fields are marked *