Page study / GrowthCandy
GrowthCandy — neutral composition
A focused newsletter landing page with one primary action and a large body of social proof.
View source site ↗Working layout preview
Default Artist typography, spacing and components. Gray blocks mark image areas; copy is abbreviated for layout review. This is a structural interpretation, not a replica or replacement of the source site. Gaps are labeled below and inside the preview.
The iframe has a real viewport: responsive rules and sticky behavior run inside it. Wider presets can be panned horizontally in the preview area.
Section-by-section coverage
Covered = existing component composition. Partial = layout exists, but some behavior does not. Gap = useful missing capability. Art direction = site-specific treatment. A simplified preview does not count as full coverage.
| Section | Artist structure | Coverage | Decision |
|---|---|---|---|
| Grow your brand by reading comics | Exhibit.Is-Immersive.Is-Center-Left → Content + signup action + proof line | Partial | Screenshot shows text on the left over full-surface art. Fields, validation and Dialog are implemented; signup-provider integration remains site-specific. Exhibit height presets can reserve a taller scene. |
| Followed by marketers and founders | Stack → two independent Marquees → Card/Testimonial sets | Covered | Preserve the two full-width proof lanes visible in the screenshot. Each uses the same Marquee; the second reverses direction. These are example quotes, not source endorsements. |
Recipe & implementation
Recipe: _data/artist_compositions.yml, entry growthcandy. Section renderer: _includes/artist/composition-section.html. Layouts use artist.css; preview-only placeholder and annotation styling is in code-compositions.css.