QUICK QUOTE
Cart
Vibration
QUICK QUOTE
Cart

Menu 1

Menu 2

Menu 3

Menu 4

Say Hello

VIBRATION
Rotate Frames. Did you know you can rotate any frame on MOBLE. Here we see 4 retangles rotated at 315°. Rotate will soon be a tool in the Frames Tools but for now, please open the Frame Tools and in the 'Pro' tab add a class for rotate-315, or whatever angle you prefer. Click the pencil icon on each ractangle and head to 'Pro' to test rotate.


Locate
CIRCLES

A 'circle' Class can be applied to any Frame. Usually, a 'circle' Class is applied to a square image to make it circle, often helpful with profile images for Team members and Authors. However, the 'circle' Class can be used on any Frame to may it oval. For a circle, it should be used in combination with the 'aspect-ratio-1x1 class', as seen here.

Button
▼
▼
▲
▲
▲

▲

▲

TRIANGLES

Triangles can be achieved by adding a diagonal overlay class on top of an image or background. Here you can see a white class is used, like this: 'light-overlay-diagonal-top-left'. You might change light, to any other Accent Colour, such as Primary. We will soon be adding all shapes to the UI so that you will not need Classes.

Button

PLAY
WITH SHAPES


Give it a go. Use the classes and give it a go. We do suggest that you are a current designer with a good eye, and perhaps understand CSS. Stay tuned for updates as we bring shapes and effects to the MOBLE UI.

MORE

DIAGONAL GRADIENT

Here you can see diagonal overlay used with a gradient. This time the diagonal is set to the bottom right (rather than top left, in the example above). The class used is: 'primary-overlay-diagonal-bottom-right'.

Primary Colour As you can see Primary is the blue accent colour in the bottom right. This is what the word primary means in the Class. You could use any Accent colour such as' accent-6-overlay-diagonal-bottom-right'. Notice the class is applied to the inner row (light mustard colour) via the 'Advanced' tab.

LET'S TALK

Try Gradient Angles!

Play with the angle of your gradients to bring contrast to your forms.

© COPYRIGHT 2029 VIBRATION / 1800 800 800 / TERMS  / PRIVACY