Styleguide-Driven Development with Components & ¶s

Derek DeRaps

Senior Architect at Kalamuna

Derek DeRaps

Senior Architect at Kalamuna... and bare-footed hippie.

And who are you, mmh??

• Front-enders?
• Back-end?
• Panels fan-boys and -girls?
• Paragraphs junkies?
• D7 vs. D8?

Let's jump in

• Styleguides
• Prototypes
• Atomic design
• Pattern Lab
• Knyle Style Sheets (KSS)
• Paragraphs

Why SGDD?

The Prototype

• Uses styleguide components
• Enables "content-first" design
• Iterate often, fail early
• VALIDATE DESIGN CHOICES

Atomic Design

Everybody's doin' it.

Paragraphs​ / Components !!

The Prototype

Paragraphs

A delicious take on content...

(and a refreshing alternative to Panelizer...)