Visual Design for UI Components

[sparklestheunicorn]

=== Detailed visual design is on hold pending new graphic designs ===

We have a list of UI components to build. We also want them to look like a unified site experience.

We have designers working new concepts and designs. There is a figma here. Map concepts are here.

When applying styles to components, try to use WindiCSS, our minimalist design system. It can be used to consistently apply padding, typography, and other styles across the site. See Pull Request 94 for an example of this integration.

Currently claimed components:

• Tabs
• Checkbox
• Radiogroup
• Avatar
• Select
• Button
• Grid (Windi may be enough for this)
• Input
• Badge / Pill
• Heading (unless included in text)
• Text / Typography
• Table
• Progress bar / Step indicator
• Breadcrumbs
• Divider
• Link (if necessary - a tag may be enough)
• Tile (includes header, content, buttons)
• Modal (in progress - Jarred)

[jvbreen1]

@mis4mike I can take the button component

[sparklestheunicorn]

Awesome. Check out the example PRs linked in the issues and feel free to to the visual design as well if you feel up to it :) Ping me in Basecamp if you have questions.