Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Auro design tokens: Hawaiian Core Colors #187

Open
braven112 opened this issue Oct 28, 2024 · 1 comment
Open

Auro design tokens: Hawaiian Core Colors #187

braven112 opened this issue Oct 28, 2024 · 1 comment
Assignees
Labels
design tokens not-reviewed Issue has not been reviewed by Auro team members Type: Feature New Feature

Comments

@braven112
Copy link
Member

braven112 commented Oct 28, 2024

Is your feature request related to a problem? Please describe.

We need to identify the colors for some basic themes we have upcoming. These colors will theme about 80% of auro and the rest are less common and potentially reusable with other themes like, alerts or oneworld badges.

Describe the solution you'd like

A simple set of tokens that we can implement in our theme switcher so teams can begin to identify what is theme ready and what isn't.

Describe alternatives you've considered

We've tried to define all the colors but it not clear what colors to choose for what situation. We really only have a few colors in our core auro ui. The majority of brand colors will be used in content marketing UI's.

Additional context

No response

Exit criteria

I know I'm down when I have defined:

  • primary-text-color
  • primary-button-color/primary-action-color
  • primary-font
  • primary-background-color
@braven112 braven112 added Type: Feature New Feature design tokens not-reviewed Issue has not been reviewed by Auro team members labels Oct 28, 2024
@nklansford
Copy link

nklansford commented Nov 19, 2024

@jason-capsule42 Here is what I have so far:

primary-text-color: #000000
primary-button-color/primary-action-color: #CE0C88
primary-font:
+ Body: Slate Pro
+ Display font: Chronicle Display Semibold
primary-background-color: #FFFFFF #F1F3F3

  • border-radius: 0px
    (buttons, forms)
  • border-radius: 4px
    (Cards, announcements, tiles)

I've added a couple values in case more granularity helps (noted by the '+'). As mentioned, still awaiting direction on font size, weight, and line height for headers and body.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design tokens not-reviewed Issue has not been reviewed by Auro team members Type: Feature New Feature
Projects
None yet
Development

No branches or pull requests

4 participants