Email sign-up

cfpb / design-manual

⚠️ THIS REPO IS DEPRECATED ⚠️ A set of design principles and standards for the Consumer Financial Protection Bureau.

https://cfpb.github.io/design-manual/

Creative Commons Zero v1.0 Universal

98 stars 71 forks source link

Email sign-up #417

Closed ajbush closed 8 years ago

ajbush commented 8 years ago

What is it?

V1 is looking to add its atomic element documentation to the DM for the use of other teams. Because the primary touchpoint with these elements is through the Wagtail CMS we have focused on the components that will be encountered there. This component is actually a grouping of smaller page components and therefore the page abides by the content guidelines as much as possible but has a few differences. This page will live in the "page components" section of the updated DM.

nataliafitzgerald commented 8 years ago

@ajbush @duelj

Design and content feedback

Under "Use case" can we make this a single paragraph?
Can we include more vertical space above the "Style" heading. The content feels crowded there.
Could we write these in the same way, so "Breakpoints 900 - 601" and "Breakpoints 600 and less"?

doguin commented 8 years ago

Providing UI review for @schaferjh

[x] Are the existing elements helpfully explained? Yes
[x] Does it present an MVP set of information primarily written for the D+D audience in order to support usage of new elements and templates as quickly as possible? Yes

Thumbs up all around.

Other feedback:

Should the RSS feed portion be defined/explained?
Should "Email sign ups allowed users to stay..." read "Email sign ups allow users to stay..."?
In the Style section the body copy is defined as Avenir paragraph. Should the Heading typeface be defined as well or is that automatically set in wagtail?

schaferjh commented 8 years ago

@ajbush Two tweaks:

[x] Update the Use case paragraph to read:

Email sign ups allow users to stay engaged on a specific topic or content type produced by the Bureau. Different page types will be connected to the corresponding GovDelivery list based on the page topic (i.e. HMDA) or page type (i.e. blog).

This pattern also includes a link to our privacy statement and a an optional call to action to subscribe to an RSS feed.

[x] In the mock ups at the top and bottom (where I can read text), the slug text should read "Email updates" per the content guidelines on the page.

ajbush commented 8 years ago

Updated!

schaferjh commented 8 years ago

👍 ready to publish!