Systemized & Stylized

It's quiz time featuring our DS

Systemized & Stylized

What’s the name of this component?

1: What’s the name of this component?

List

Table

Card

Grid View

When would you use a ghost button instead of a primary button?

2: When would you use a ghost button instead of a primary button?

To draw more attention

When you want to guide the user to the main action

When it’s a low-emphasis, secondary action

For destructive actions

What’s a key benefit of using the Design System?

3: What’s a key benefit of using the Design System?

Everyone can design their own style

No one can create new components

Consistency and faster delivery

It replaces developers

Which of these is NOT a valid input state?

4: Which of these is NOT a valid input state?

Hover

Focused

Disabled

Exploding

Why are focus states important in our components?

5: Why are focus states important in our components?

For users navigating with keyboards

So devs know what to build

To make things look colorful

They're only used in Figma

What icon library do we use in Link Mosaic?

6: What icon library do we use in Link Mosaic?

Feather

Tabler

Mosaic

Heroicons

Which of these is not a real Link Mosaic component (yet)?

7: Which of these is not a real Link Mosaic component (yet)?

Label

Dropdown

Filter bar

Vibe selector

What’s a real benefit of using DS components for developers?

8: What’s a real benefit of using DS components for developers?

Easier handoffs and less guesswork

Full creative freedom

Fewer merge conflicts

None, it's just beneficial to designers

What’s the true purpose of the Design System?

9: What’s the true purpose of the Design System?

World domination

A shared language for building better, faster

Pixel perfection

Making Allie’s life easier (also valid)