Well


Capture attention on short but key content on your page with the Well Design Element. Quickly create blocks of content with customized text size and bix colors.








Well Options Demos


Different Sizes


Small Size
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Normal Size
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Large Size
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Without Title


Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Different Colors


Info Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Success Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Danger Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Warning Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Text Colors


Primary Text Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Success Text Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Danger Text Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Warning Text Color
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Options Description

Title – the text will be displayed as a title
Size – pre-defined sizes of the well box:
  • normal - default value
  • small - When typed, well will be displayed in small size
  • large - when typed, well will be displayed in large size
Color – pre-defined colors of the well box. All ShortPoint Colors are supported
Text Color – pre-defined colors of the well text. All ShortPoint Colors are supported