Hello from the organizer (Jina Anne), along with logistical announcements, and an introduction to the emcee.

Emcee (Chris Coyier) will give some insight and thoughts for the day, before introducing the first speaker.

Day 1 Unedited Transcript

Jina Anne:

There is a good size line trickling in here. And the seats are so comfortable, so let's just hang out. And then we will start with the opening remarks. We will let the line of people get in first.

All right, we are going to get started. Hi, welcome to Clarity.



I'm excited that everyone is coming out to nerd out about one of my favorite things which is design systems and style guides. It's what I do for work, and I love talking about it. And I'm stoked that there's 200 plus of you that want to come and hang out and talk about it. Awesome.

So before we get started, I wanted to mention our code of conduct. All attendees, sponsors, vendor and volunteers in the conference are required to agree with us and we will enforce it. We want to a harassment free conference regardless of body, size, race, religion, or lack thereof, of choices in tools and technology. We do not tolerant in any form. Sexual language and imagery is not appropriate for our venue view, and anyone violating the rules will be expelled from the conference without refund.

I want to explain the lanyards. We color coded the lanyard, it's for allowing photos. Gray means "ask me first," and black means "please don't".

And I want to mention the order cards at the table. If you circle what you want, it's on us. They will bring that to you in one of the later breaks.

And then, I wanted to thank all our sponsors and volunteers, and of course, all of you for coming. All our speakers, thank you everyone. And now I will introduce our emcee, who I'm excited agreed to emcee the conference. Will you introduce yourself? Chris Coyer.

Chris Coyier:

Thank you. Yep. I'm going to be your guide through a couple days of talking about all this stuff. I have a few words to kick it off. It a heavy task put at the me.

How can I summarize something that haven't happened yet? I think there is a rising tide of conversation with this. It's hard to pick the word, design systems, and pattern libraries and style guides that Clarity used on the website, what do they mean? I think we will learn though. As evidence is the fact this conference exists, and how many tickets were sold is evidence of the rising interest in this kind of time.

It was a lovely morning and I was outside drinking coffee and my friend was there. And is I was thinking, what the hell am I going to say? And we recently got health insurance for our employees, and his eyes were hurting and he put on his glasses. And he said, it's all about Clarity, isn't it? And he was saying the world looked better to him, and I thought maybe that's what they meant when they named the conference. If we have this conference, maybe we will see more clearly what we are doing. I'm going to use it, see how it goes.

I'm sure we will hear successes and failures and learn from them. It's not a particularly new idea, as particularly in the keynote we will hear tomorrow. It's not super duper new, buts it's newish. Screen design and Gina from Sales Force, it's design that is kind of massive in scope. And to design outside the scale of what they are dealing with, how do we leverage design, what can design do for us? How can we use design better? I don't even know, I'm not talking at the conference. I'm going to be rocking some anecdotes and metaphors.

We will do some games at the break, and I think design systems is a such a wide topic or just during lunch, I think you can make anything a metaphor for a design system. Bend backwards, see the mimes doing stuff? That's a design system. What do they do for us?

Well, one thing, I was being prodded by someone, why do we have to have a design? What if we didn't do it all. Maybe it's similar to the death by a thousand cuts. It's maybe this is harder, and I'm not as fast here, and the communication part was harder here, and a lot of things add up, maybe it's like death by 500 cuts, and then life by 500 band aids. It's not that some things are sucking, or like you are faster in places you didn't expect.

That's my new metaphor. It's the first time I've used that. It's 9:28 and Brad will go on at 9:30. I will role in the intro for the first speaker, Brad Frost. Just wait.

Day 2 Unedited Transcript

Jina Anne:

Hello. Just got all quiet. Welcome to Day 2 of Clarity. I'm super excited. I saw a lot of amazing awesome tweets last night. Thank you for sharing the love. I want to remind you we do have a code of conduct. It's applicable to he everyone here. You can read it at Clarity.Com COC.

I forgot it mention yesterday. We have a Clarity slack, and we have a channel in it. You can go to design systems.Herokuapp.com, you can chat about Clarity there.

I wanted to mention, I work for Salesforce, they did sponsor us at a diamond level for the conference. And they have helped in many many ways. And I want to thank them for allowing me to do this. And I want to mention some other responses. Thank you, Dropbox, Adobe, and we will give out some creative cloud site point, there will be giving everybody is free premium membership that will give you access to videos when this come out.

And thanks to BranAI and Hub. And the Smashing magazine, thank you. And that you then Tickjobs, Dribble, Fair Play, and General Assembly who is hosting tonight.

And I blasted through all the things he was going to say. The book giveaways, hashtag book, give it up for Chris Coyer.

Chris Coyier:

Day two going on. I got my notebook back. Full of stuff. And say which has already been said.

How about that has there been any Clarity happening in here? Before you we start, you probably know Gina because she has standing here. And you are probably here because you know her. I have known her for a while, she has been writing and talking about style guide for years, it's her thing. She's a design systems empress, I think. It makes a ton of sense that she has put this together. Not only do she talk about it and do it and has a lot to say about it, but she practices what she preaches too, and has created tons of style guides. Did you know I was going to do that?

Have you seen the Sass website? I think it's slash style guide. And you can see an example of what she worked on. And it's a real living style guide for that website. She practices what she preaches kind of person. Which is pretty great. And to know that all those years of talking about doing, is kind of culminated into this, is pretty rad. Thank you Gina for making this happen.

One of the things you might start doing is creating an inventory of styles. Looking at the site and look at the problems you might see, if you don't have one.

And potentially building from an atomic level. And Isaac talks to us about the danger of silos and how that might not work in a pattern library world. And they talked to us about how you might start with a discovery process, and talking to people and making sure you are solving real problems. And making sure there is some success.

Everyone has an order card for food. Fill out what you want as soon as possible because they are coming through earlier, and it will be quicker today.

Nathan talked about you how you might start from the inside out. Where maybe the home page is a bad place to start. He showed us the job title change and how that it was biblical and that might set the tone and exceptions when it comes to people's roles and style guides. Miriam talked to us how a style guide might be delivering class names. But maybe it's Sass based or a C S S P A I, and a style guide can take many forms. May believes that's the deliverable. And the documentation is viable. It doesn't exist if it's not documented. And you might have success and the style guide will live on if you change the documentation.

Then we talked about changing the this used the crawl walk run metaphor, which was pretty useful for us. Start small and grow from there.

They faced a lot of challenges and you may too. And I liked how they talked about deprecation. And Anna closed with talking about how a style guide may not be just how it looks but in their words. As they do at Slack. Style guide can be just as much about how you talk to people, but also how it works and functions.

That was a pretty good conference by itself.