utkwdn / utkwds

The University of Tennessee, Knoxville Web Design System
4 stars 0 forks source link

New component: Full-width component for change of topic or call to action #300

Open pikemurdy opened 6 months ago

pikemurdy commented 6 months ago

-All five variations approved, with bg images from Figma -Background images are set -Headline default to h2 -Stacking (Sara doing mock-up): -- Heading goes full-width -- Line stays left, paragraph + CTA on right

-- Full width section to change of topic or call to action. Possibly with icon and textures. Should be limited to 1 or 2 links max

near top of this page: https://www.utk.edu/visit

bottom of this page: https://admissions.utk.edu/admitted-students/international/

admissions-full-wdith-to-do-something

reasterbrooknc commented 6 months ago

Discuss after alignment meeting on WDS prioritization.

rdelaude commented 2 months ago

Copy for documentation site and/or default text (fine with the default text using the standard blank "Heading" that comes with it, like we talked about on the pattern version):

Heading for a Billboard A full-width block of text with backgrounds that can be used to break up the layout for a call-to-action, to route users toward another topic, or call attention to an important message. For the heading, use short words and up to 3 lines of text at desktop size.

reasterbrooknc commented 2 months ago

Test pages for review:

reasterbrooknc commented 2 months ago

We have a change we're making (see related issue #443) but ready for your QA @pikemurdy

pikemurdy commented 2 months ago

Some oddness at certain browser widths on the headlines, but this may be addressed in issue 405

Screenshot 2024-09-17 at 10 06 30 AM