Skip to content
Emisshield

Wireframes · Tertiary informational page

Tertiary informational page: five approaches

A deep page under a section (How Emissivity Works, Products, Energy Savings). Denser by nature; five ways to carry it.

  1. Option 1

    Narrow read

    Sparse: the fewest words, the most air. One idea per band.

    1. 1Header: compact, light
    2. 2Narrow prose with pull line
    3. 3Full-width diagram with caption
    4. 4Key takeaways, four up
    5. 5Related pages

    Open

  2. Option 2

    Alternating

    Light: reads top to bottom like a magazine feature.

    1. 1Header: photo backdrop, left stack
    2. 2Heading left, statement and body right
    3. 3Alternating photo and text rows
    4. 4One hero number with support stats
    5. 5FAQ, question and answer rows

    Open

  3. Option 3

    Contents rail

    Medium: imagery and numbers carry the page; copy stays short.

    1. 1Header: document style with meta row
    2. 2Contents rail with prose
    3. 3Four-step timeline
    4. 4Specification table
    5. 5Related chips

    Open

  4. Option 4

    Evidence

    Medium to dense: more per screen, still one topic per band.

    1. 1Header: two columns with stat strip
    2. 2Prose with stat rail
    3. 3Comparison table
    4. 4Dark data table beside text
    5. 5Pull quote with attribution

    Open

  5. Option 5

    Reference

    Dense: the most information per screen, built for scanning.

    1. 1Header: centered stack, two buttons
    2. 2Chip strip
    3. 3Prose with key-takeaway callout
    4. 4Definition list
    5. 5Expandable rows beside heading

    Open