gabbertini

<android.support.constraint.Guideline
    android:id="@+id/begin_margin"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_begin="16dp" />

<android.support.constraint.Guideline
    android:id="@+id/end_margin"
    android:layout_width="wrap_content"

gabbertini

<android.support.constraint.Guideline
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.5" />

gabbertini

<ImageView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintDimensionRatio="5:2" />

<ImageView
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"

gabbertini

<ImageView
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintWidth_percent="0.2"
    app:layout_constraintHeight_percent="0.1"/>

gabbertini

<ImageView
    style="@style/MainlyImageIconStyle"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="@+id/mainly_image"
    app:layout_constraintDimensionRatio="H,5:2"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.04"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"

gabbertini

<ImageView
    android:id="@+id/mainly_image"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:src="@drawable/img_tenis"
    app:layout_constraintDimensionRatio="H,5:2"
    tools:ignore="ContentDescription" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"

gabbertini

<View
    android:id="@+id/black_rectangle"
    android:layout_width="70dp"
    android:layout_height="40dp"
    android:layout_marginTop="8dp"
    android:background="@drawable/black_selected_rectangle"
    app:layout_constraintEnd_toStartOf="@id/green_rectangle"
    app:layout_constraintHorizontal_chainStyle="spread_inside"
    app:layout_constraintStart_toStartOf="@id/begin_margin"
    app:layout_constraintTop_toBottomOf="@id/color_title" />

gabbertini

<TextView
    android:id="@+id/size_title"
    style="@style/SmallTitleText"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="24dp"
    android:text="Tamanho"
    app:layout_constraintEnd_toStartOf="@id/quantity_title"
    app:layout_constraintStart_toStartOf="@id/begin_margin"
    app:layout_constraintTop_toBottomOf="@id/black_rectangle" />

gabbertini

<TextView
    android:id="@+id/composition"
    style="@style/StandardText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="16dp"
    android:maxWidth="200dp"
    android:text="Composição: 85% Couro"
    app:layout_constraintStart_toStartOf="@id/begin_margin"
    app:layout_constraintTop_toBottomOf="@id/description" />

gabbertini

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="16dp"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"