Catalogue Setup and Configuration for Goldilock Template-3 - Zeros and Ones

Video Transcription

Video Summary

The tutorial introduces a set of “0s and 1s” website components built from a common pattern: an image paired with text. Each component includes a title, subtitle, and two call-to-action buttons. The components vary mainly by layout and image width. Three versions place the image on the left with text on the right, using different proportions: image at one-quarter width, one-third width, and half width (even split). Three additional components mirror these, placing the image on the right and text on the left. The goal is to show how to handle these nuanced variations consistently.

Keywords

image-text website components

layout variations left-right

responsive image width proportions

call-to-action buttons

UI component pattern tutorial

KGConcept: Component Group (10)

KGConcept: Image (9)

KGConcept: Text (9)

KGConcept: Title (7)

KGConcept: Subtitle (6)

KGConcept: Call-to-Action Button (8)

KGConcept: Layout Variation (8)

KGConcept: Image Width Ratio (7)

KGConcept: Left-Image Layout (8)

KGConcept: Right-Image Layout (8)

KGConcept: Content Section (5)

KGConcept: User Action (5)