Color

1. Tide is the core color of our brand. This is the hue that the world associates with Articulink. When in doubt, lean in to Tide!

2. Surf is our secondary blue, used for backgrounds and hover states where Tide elements appear.

3. Abyss is used exclusively for typography.

4. Cloud is our primary background color and used for text on dark backgrounds.

1. Sunshine brings warmth and joy. Use sparingly for highlights and celebrations.

2. Coral adds energy and playfulness to illustrations and accents.

3. Sunset creates warmth and is great for call-to-action highlights.

4. Jellyfish adds a touch of magic for special moments and features.

5. Kelp brings natural energy, used in illustrations and playful elements.

6. Seafoam evokes calm tropical waters, perfect for refreshing accents.

1. Cloud is our brightest value, used for primary backgrounds and text on dark surfaces.

2. Breeze is a gentle off-white, perfect for secondary backgrounds and subtle contrast.

3. Mist is used for borders, dividers, and card outlines.

4. Bubble adds playful accents and is used for inactive UI elements.

5. Lagoon provides depth for secondary text and subtle emphasis.

6. Abyss is our darkest value, reserved for primary typography.

1. Info communicates helpful information, tips, and neutral guidance.

2. Success confirms positive actions, completed states, and achievements.

3. Warning alerts users to cautions, pending states, and important notices.

4. Error indicates errors, destructive actions, and critical alerts.