Atomic Design Lab

Pop up camping is the almost glamping

brett — Thu, 09 Feb 2017 06:12:02 +0000

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

Here’s a line in h4. Curious to see what this looks like too.

This text is all bold. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Almost there. This is in h5 this text right here is.

Some italic text which I doubt I’ll ever use. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Last h tag. Finally. This is in h6 text… the smallest it goes.

Here’s a block quote which might come in handy in a rant. Nam liber tempor cum soluta nobis eleifend option congue.

Here’s another line in h4 with a bullet list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

Here’s another line in h4 with a a numbered list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

The post Pop up camping is the almost glamping appeared first on Atomic Design Lab.

I really, really hate slow left-lane drivers

brett — Thu, 09 Feb 2017 06:10:17 +0000

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

Here’s a line in h4. Curious to see what this looks like too.

Almost there. This is in h5 this text right here is.

Last h tag. Finally. This is in h6 text… the smallest it goes.

Here’s a block quote which might come in handy in a rant. Nam liber tempor cum soluta nobis eleifend option congue.

Here’s another line in h4 with a bullet list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

Here’s another line in h4 with a a numbered list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

The post I really, really hate slow left-lane drivers appeared first on Atomic Design Lab.

Why I love Seattle

brett — Thu, 09 Feb 2017 06:09:20 +0000

Subheading here in h1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Below is a horizontal rule:

Subheading here in h2 lorem ipsum

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

Here’s a line in h4. Curious to see what this looks like too.

Almost there. This is in h5 this text right here is.

Last h tag. Finally. This is in h6 text… the smallest it goes.

Here’s a block quote which might come in handy in a rant. Nam liber tempor cum soluta nobis eleifend option congue.

Here’s another line in h4 with a bullet list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

Here’s another line in h4 with a a numbered list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

The post Why I love Seattle appeared first on Atomic Design Lab.

Oh no! I broke my wrist!

brett — Thu, 09 Feb 2017 06:07:00 +0000

Subheading here in h1

Subheading here in h2 lorem ipsum

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

Here’s a line in h4. Curious to see what this looks like too.

Almost there. This is in h5 this text right here is.

Last h tag. Finally. This is in h6 text… the smallest it goes.

Here’s a block quote which might come in handy in a rant. Nam liber tempor cum soluta nobis eleifend option congue.

Here’s another line in h4 with a bullet list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

Here’s another line in h4 with a a numbered list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

The post Oh no! I broke my wrist! appeared first on Atomic Design Lab.

Keys to good, no, great typesetting

brett — Thu, 09 Feb 2017 05:58:31 +0000

Subheading here in h1

Subheading here in h2 lorem ipsum

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

Here’s a line in h4. Curious to see what this looks like too.

Almost there. This is in h5 this text right here is.

Last h tag. Finally. This is in h6 text… the smallest it goes.

Here’s a block quote which might come in handy in a rant. Nam liber tempor cum soluta nobis eleifend option congue.

Here’s another line in h4 with a bullet list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

Here’s another line in h4 with a a numbered list below:

Duis autem vel eum iriure dolor
In hendrerit in vulputate velit esse molestie consequat
Vel illum dolore eu feugiat nulla facilisis at vero eros
Accumsan et iusto odio dignissim qui blandit
Praesent luptatum zzril delenit
Augue duis dolore te feugait n

The post Keys to good, no, great typesetting appeared first on Atomic Design Lab.

Man, I love my new logo

brett — Thu, 09 Feb 2017 05:55:17 +0000

Subheading here in h1

Logo aligned center with caption here

Subheading here in h2 lorem ipsum

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

Aligned center with caption

The post Man, I love my new logo appeared first on Atomic Design Lab.

The time-sucking joy of CSS

brett — Thu, 09 Feb 2017 05:52:28 +0000

Subheading here in h1

This is an inset aligned right

Subheading here in h2 lorem ipsum

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

The post The time-sucking joy of CSS appeared first on Atomic Design Lab.

Everyone should have an Aeron chair

brett — Thu, 09 Feb 2017 05:48:28 +0000

Subheading here in h1

Image aligned left with the caption

Subheading here in h2 lorem ipsum

This is a longer statement set in h3. Let’s see what we’ve got because I don’t remember what the h tags look like.

The post Everyone should have an Aeron chair appeared first on Atomic Design Lab.

The Little Card that Couldn’t

brett — Sat, 05 Dec 2015 21:34:33 +0000

The Little Card That Couldn’t

by Brett Hallonquist

I have in my hand (you obviously can’t see it – lucky you), possibly the worst business card I have ever seen. I wish I could show it to you. It’s really, really hideous. Someone actually gave this thing to me soliciting his business!? I look at this little card, that supposedly represents him and his company, and wonder, “how could someone ever want to hand out a card like this? This looks awful. I’m thinking if the card is this bad, they obviously don’t care and their business must be just as bad.” I shoved it away in my Rolodex – gone forever.

OK. So I’m being a bit hard on a boring little three-by-two-and-a-half-inch piece of card stock, right? Well, yeah I’m being hard. I should be. Admittedly, as a designer, I look at cards with a bit more of a discerning eye than most. But I have a Rolodex full of these plain-jane worthless cards. C’mon, you know the ones… monster gnarly logos, hideous color, nasty clip art, bad typesetting, cluttered, busy, forgettable, jarring.. must I go on!? You don’t need a trained designer’s eye to tell a good card from a bad card. I guarantee any one of you reading this, whether it be obvious or more from your subconscious, can pinpoint a crappy card. Why do these cards exist?? I just don’t understand why, much less HOW, someone can do business with an ineffective, poorly designed business card. It’s like a big zit on your nose that won’t go away, that everyone notices, yet nobody says a word.

You should be proud and confident with your business card. Your card is one of the best and most cost-effective marketing tools in your arsenal – fitting conveniently in your wallet ready to hand out at any time. Think about it: Besides a solid, confident handshake, your business card is the first thing you exchange when you meet someone professionally. That little card, a card that visually says who you are and what you represent, goes back to your prospective client’s office and is accessed constantly. During that brief moment when he comes across your card, that card, basically, is you. That little workhorse selling you and your business could have a shelf life of many years and be glanced at hundreds of times. How many marketing pieces get that many looks? That’s a lot of responsibility for a little card. It should rock!

Still not convinced on the importance of Mr. Business Card? A great card versus an ugly forgettable card could cost you thousands of dollars – maybe more. Let’s say I need to hire a printer to print a gorgeous 16-page brochure I’ve spent a lot of time designing and now need to have it printed perfectly. Digging through my Rolex, I come across two business cards from different printers – one beautiful, the other embarrassingly ugly. I obviously want to hire the printer that would do the best job possible. One that is reliable, reputable, professional and will get the job done right. Mmmmmmm…..? Based solely on looking at the cards in front of me, I’d most likely be more enticed to go with the printer that appears to care about their business providing a professional, well-designed card. My perception is that they would do a better job and they get the job. Now that might not be true… the printer with the ugly card might do a fabulous job – but the card doesn’t evoke that. What a shame. Big job lost all because of small piece of ill-conceived design on cardstock.

You think I’m being too critical? In Japan, they have entire rituals of proper business card exchange. There are etiquette do’s and do not’s of how one gives, receives, examines and keeps one’s card. Ask yourself, “Do I want someone staring favorably at my card for 30 seconds?” Your answer should be an emphatic “Yes!” We should all have well-designed business cards. Cards that we want people to examine, admire and remember.

Make your card stand out. Get a great logo, use color, well-set fonts, odd sizing. Make it memorable and instantly recognizable for viewers when they’re thumbing through their card file – nobody likes to get lost. If you don’t have the talents to accomplish this yourself, then hire a skilled designer. The last thing you want is for someone to look at your card, state that it’s possibly the worst card ever, file it away, and proceed to write an article about how nasty it is…

BACK TO STATIONERY

The post The Little Card that Couldn’t appeared first on Atomic Design Lab.