Skip to content

Conversation

@tylersticka
Copy link
Member

Overview

I'm working on a new contact form that has some optional fields, which means we should probably describe the required fields. I've been liking the way the word "required" looks in our badge component within a label, but it feels like it could use an iconographic asterisk.

I started with one that just combined the plus and x icons, but it looked way too thick:
Screenshot 2023-05-12 at 4 02 39 PM

So I went to more of a star-pointed one that's closer to the Source Sans asterisk, but it feels sort of… indistinct? The open spaces almost catch my eye a bit too much, I'm not sure.
Screenshot 2023-05-12 at 4 03 17 PM

So I returned to the previous version, but I tapered the lines just a bit. But now it felt stylistically out of place... almost like it's from a high-contrast typeface or something.
Screenshot 2023-05-12 at 4 03 28 PM

So I tried the same thing but with about half as much tapering, and this is the version I felt happy with. I don't think you'd ever notice the tapering, it just keeps the emphasis on the points instead of the middle.
Screenshot 2023-05-12 at 4 07 43 PM

@changeset-bot
Copy link

changeset-bot bot commented May 12, 2023

🦋 Changeset detected

Latest commit: 19e3894

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@cloudfour/patterns Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented May 12, 2023

Deploy Preview for cloudfour-patterns ready!

Name Link
🔨 Latest commit 19e3894
🔍 Latest deploy log https://app.netlify.com/sites/cloudfour-patterns/deploys/645ec8890f75f100088e9c92
😎 Deploy Preview https://deploy-preview-2162--cloudfour-patterns.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@tylersticka tylersticka marked this pull request as ready for review May 12, 2023 23:24
@tylersticka tylersticka requested a review from a team May 12, 2023 23:24
Copy link
Contributor

@Paul-Hebert Paul-Hebert left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

@tylersticka tylersticka merged commit 2ff5c61 into main May 15, 2023
@tylersticka tylersticka deleted the feature/asterisk-icon branch May 15, 2023 16:47
@github-actions github-actions bot mentioned this pull request May 15, 2023
tylersticka added a commit that referenced this pull request May 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants