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.
o3de/Code/Framework/AzQtComponents/AzQtComponents/Gallery/TypographyPage.ui

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
&lt;br/&gt;First line of text.
&lt;br/&gt;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>