Shimoku docs
Search…
⌃K

Titles and text

It is advisable to separate the sections with titles, subtitles and texts.
These components correspond to an already defined hierarchy. However, as we have previously commented, this guide serves as a reference point for a consistent use of the Shimoku platform, in the event of another requirement, it can be executed if it is carried out properly.
Summary of the font used on the platform
Below we show the most used examples for titles, subtitles and texts that we must take into account when we use them.

Dashboard title

Main element that must have the same name as the path or subpath that we are selecting.
Recommendations:
  • It should always or almost always go in position 0 at the top before any other element
  • May or may not have a subtitle
  • Short texts are recommended
Warnings:
  • Other undefined colors should not be used to style the title if it is not necessary
  • No other size should be used for the page title, just the tag <h1>
html = (
"<h1>Results</h1>"
"<p style='color:var(--color-grey-600);'>Overview Shimoku sales</p>"
)
s.plt.html(
html=html,
menu_path='menu_path',
order=0, rows_size=1, cols_size=12,
)

Section titles

Starting from the dashboard title, we should separate the content into sections. These separations with informative text help to generate context and offer an introduction to what is in that space.
Recommendations:
  • Always or almost always should go before starting to display data sections
  • May or may not have a subtitle
  • Short and descriptive texts that summarize what is going to be shown are recommended
Warnings:
  • Other undefined colors should not be used to style these titles if not necessary
  • No other size should be used for the section title, only the
Tag and for the subtitle
html = (
"<h4>Recommender system</h4>"
"<p>This is a subtitle style to reccomend to customer churn</p>"
)
s.plt.html(
html=html,
menu_path='menu_path',
order=2, rows_size=1, cols_size=12,
)
As previously indicated, we can make use of other types of more striking titles from the section beautiful titles.