You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
615 lines
20 KiB
XML
615 lines
20 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<ui version="4.0">
|
|
<class>TypographyPage</class>
|
|
<widget class="QWidget" name="TypographyPage">
|
|
<property name="geometry">
|
|
<rect>
|
|
<x>0</x>
|
|
<y>0</y>
|
|
<width>800</width>
|
|
<height>828</height>
|
|
</rect>
|
|
</property>
|
|
<property name="sizePolicy">
|
|
<sizepolicy hsizetype="Expanding" vsizetype="Expanding">
|
|
<horstretch>0</horstretch>
|
|
<verstretch>0</verstretch>
|
|
</sizepolicy>
|
|
</property>
|
|
<layout class="QHBoxLayout" name="horizontalLayout">
|
|
<item>
|
|
<widget class="QTextEdit" name="exampleText">
|
|
<property name="undoRedoEnabled">
|
|
<bool>false</bool>
|
|
</property>
|
|
<property name="readOnly">
|
|
<bool>true</bool>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QScrollArea" name="scrollArea">
|
|
<property name="widgetResizable">
|
|
<bool>true</bool>
|
|
</property>
|
|
<widget class="QWidget" name="scrollAreaWidgetContents">
|
|
<property name="geometry">
|
|
<rect>
|
|
<x>0</x>
|
|
<y>0</y>
|
|
<width>470</width>
|
|
<height>802</height>
|
|
</rect>
|
|
</property>
|
|
<layout class="QVBoxLayout" name="verticalLayout_2">
|
|
<item>
|
|
<widget class="QLabel" name="m_textSize">
|
|
<property name="text">
|
|
<string>TEXT SIZE</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<layout class="QHBoxLayout" name="textSizeLayout">
|
|
<property name="leftMargin">
|
|
<number>24</number>
|
|
</property>
|
|
<item>
|
|
<layout class="QVBoxLayout" name="textSizeExample">
|
|
<item>
|
|
<widget class="QLabel" name="m_headlinePrimary">
|
|
<property name="text">
|
|
<string>Headline - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_titlePrimary">
|
|
<property name="text">
|
|
<string>Title - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_subTitlePrimary">
|
|
<property name="text">
|
|
<string>Subtitle - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_dataMenuPrimary">
|
|
<property name="text">
|
|
<string>Data/Menu - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_labelPrimary">
|
|
<property name="text">
|
|
<string>Label - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_paragraphPrimary">
|
|
<property name="text">
|
|
<string>Paragraph - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_tooltipPrimary">
|
|
<property name="text">
|
|
<string>Tooltip - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_buttonPrimary">
|
|
<property name="text">
|
|
<string>Button - primary</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
<item>
|
|
<layout class="QVBoxLayout" name="textSizeDescription">
|
|
<item>
|
|
<widget class="QLabel" name="m_headlinePrimaryDescription">
|
|
<property name="text">
|
|
<string>Light 24px / 32px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_titlePrimaryDescription">
|
|
<property name="text">
|
|
<string>Regular 18px / 32px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_subTitlePrimaryDescription">
|
|
<property name="text">
|
|
<string>Light 16px / 32px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_dataMenuPrimaryDescription">
|
|
<property name="text">
|
|
<string>Regular 12px / 24px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_labelPrimaryDescription">
|
|
<property name="text">
|
|
<string>Regular 12px / 16px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_paragraphPrimaryDescription">
|
|
<property name="text">
|
|
<string>Regular 12px / 20px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_tooltipPrimaryDescription">
|
|
<property name="text">
|
|
<string>Regular 12px / 16px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_buttonPrimaryDescription">
|
|
<property name="text">
|
|
<string>Medium 12pt / 24px line height</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
<item>
|
|
<spacer name="verticalSpacer_2">
|
|
<property name="orientation">
|
|
<enum>Qt::Vertical</enum>
|
|
</property>
|
|
<property name="sizeHint" stdset="0">
|
|
<size>
|
|
<width>20</width>
|
|
<height>40</height>
|
|
</size>
|
|
</property>
|
|
</spacer>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_textColors">
|
|
<property name="text">
|
|
<string>TEXT COLORS</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<layout class="QHBoxLayout" name="textColorsLayout">
|
|
<property name="leftMargin">
|
|
<number>24</number>
|
|
</property>
|
|
<item>
|
|
<layout class="QVBoxLayout" name="textColorsExample">
|
|
<item>
|
|
<widget class="QLabel" name="m_primaryColor">
|
|
<property name="text">
|
|
<string>Primary color</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_secondaryColor">
|
|
<property name="text">
|
|
<string>Secondary color</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_highlightedColor">
|
|
<property name="text">
|
|
<string>Highlighted color</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_blackColor">
|
|
<property name="text">
|
|
<string>Text color in black</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
<item>
|
|
<layout class="QVBoxLayout" name="textColorDescription">
|
|
<item>
|
|
<widget class="QLabel" name="m_primaryColorDescription">
|
|
<property name="text">
|
|
<string>#FFFFFF</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_secondaryColorDescription">
|
|
<property name="text">
|
|
<string>#888888</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_highlightedColorDescription">
|
|
<property name="text">
|
|
<string>#44B2F8</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_blackColorDescription">
|
|
<property name="text">
|
|
<string>#000000</string>
|
|
</property>
|
|
<property name="alignment">
|
|
<set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignVCenter</set>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
<item>
|
|
<spacer name="verticalSpacer_3">
|
|
<property name="orientation">
|
|
<enum>Qt::Vertical</enum>
|
|
</property>
|
|
<property name="sizeHint" stdset="0">
|
|
<size>
|
|
<width>20</width>
|
|
<height>40</height>
|
|
</size>
|
|
</property>
|
|
</spacer>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_textSizesWithColors">
|
|
<property name="text">
|
|
<string>TEXT SIZES with COLORS</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<layout class="QGridLayout" name="colorGrid">
|
|
<property name="leftMargin">
|
|
<number>24</number>
|
|
</property>
|
|
<item row="0" column="0">
|
|
<widget class="QLabel" name="label_21">
|
|
<property name="text">
|
|
<string>Text in Black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="0" column="1">
|
|
<widget class="QLabel" name="label_23">
|
|
<property name="text">
|
|
<string>Text in Secondary Color</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="0" column="2">
|
|
<widget class="QLabel" name="label_24">
|
|
<property name="text">
|
|
<string>Text in Highlighted Color</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="1" column="0">
|
|
<widget class="QLabel" name="label">
|
|
<property name="text">
|
|
<string>Headline - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="1" column="1">
|
|
<widget class="QLabel" name="label_13">
|
|
<property name="text">
|
|
<string>Headline - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="1" column="2">
|
|
<widget class="QLabel" name="label_18">
|
|
<property name="text">
|
|
<string>Headline - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="2" column="0">
|
|
<widget class="QLabel" name="label_2">
|
|
<property name="text">
|
|
<string>Title - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="2" column="1">
|
|
<widget class="QLabel" name="label_12">
|
|
<property name="text">
|
|
<string>Title - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="2" column="2">
|
|
<widget class="QLabel" name="label_17">
|
|
<property name="text">
|
|
<string>Title - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="3" column="0">
|
|
<widget class="QLabel" name="label_3">
|
|
<property name="text">
|
|
<string>Subtitle - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="3" column="1">
|
|
<widget class="QLabel" name="label_14">
|
|
<property name="text">
|
|
<string>Subtitle - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="3" column="2">
|
|
<widget class="QLabel" name="label_19">
|
|
<property name="text">
|
|
<string>Subtitle - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="4" column="0">
|
|
<widget class="QLabel" name="label_4">
|
|
<property name="text">
|
|
<string>Data/Menu - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="4" column="1">
|
|
<widget class="QLabel" name="label_11">
|
|
<property name="text">
|
|
<string>Data/Menu - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="4" column="2">
|
|
<widget class="QLabel" name="label_16">
|
|
<property name="text">
|
|
<string>Data/Menu - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="5" column="0">
|
|
<widget class="QLabel" name="label_5">
|
|
<property name="text">
|
|
<string>Label - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="5" column="1">
|
|
<widget class="QLabel" name="label_15">
|
|
<property name="text">
|
|
<string>Label - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="5" column="2">
|
|
<widget class="QLabel" name="label_20">
|
|
<property name="text">
|
|
<string>Label - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="6" column="0">
|
|
<widget class="QLabel" name="label_52">
|
|
<property name="text">
|
|
<string>Paragraph - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="6" column="1">
|
|
<widget class="QLabel" name="label_151">
|
|
<property name="text">
|
|
<string>Paragraph - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="6" column="2">
|
|
<widget class="QLabel" name="label_201">
|
|
<property name="text">
|
|
<string>Paragraph - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="7" column="0">
|
|
<widget class="QLabel" name="label_53">
|
|
<property name="text">
|
|
<string>Tooltip - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="7" column="1">
|
|
<widget class="QLabel" name="label_152">
|
|
<property name="text">
|
|
<string>Tooltip - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="7" column="2">
|
|
<widget class="QLabel" name="label_202">
|
|
<property name="text">
|
|
<string>Tooltip - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="8" column="0">
|
|
<widget class="QLabel" name="label_54">
|
|
<property name="text">
|
|
<string>Button - black</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="8" column="1">
|
|
<widget class="QLabel" name="label_153">
|
|
<property name="text">
|
|
<string>Button - secondary</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item row="8" column="2">
|
|
<widget class="QLabel" name="label_203">
|
|
<property name="text">
|
|
<string>Button - highlight</string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
<item>
|
|
<spacer name="verticalSpacer">
|
|
<property name="orientation">
|
|
<enum>Qt::Vertical</enum>
|
|
</property>
|
|
<property name="sizeHint" stdset="0">
|
|
<size>
|
|
<width>20</width>
|
|
<height>40</height>
|
|
</size>
|
|
</property>
|
|
</spacer>
|
|
</item>
|
|
<item>
|
|
<widget class="QLabel" name="m_paragrahExampleTitle">
|
|
<property name="text">
|
|
<string>Paragraph Example </string>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<layout class="QVBoxLayout" name="paragraphExampleLayout">
|
|
<property name="leftMargin">
|
|
<number>24</number>
|
|
</property>
|
|
<item>
|
|
<widget class="QLabel" name="m_paragraph">
|
|
<property name="text">
|
|
<string>Paragraph
|
|
<br/>First line of text.
|
|
<br/>Second line of text.</string>
|
|
</property>
|
|
<property name="textFormat">
|
|
<enum>Qt::RichText</enum>
|
|
</property>
|
|
</widget>
|
|
</item>
|
|
</layout>
|
|
</item>
|
|
</layout>
|
|
</widget>
|
|
</widget>
|
|
</item>
|
|
<item>
|
|
<layout class="QVBoxLayout" name="verticalLayout"/>
|
|
</item>
|
|
</layout>
|
|
</widget>
|
|
<resources/>
|
|
<connections/>
|
|
</ui>
|