g n i t a Carebetter Experience for Content Editors i d E h Yor Drupal Yorkshire Meetup June 2021 @saschaeggi

Sascha Eggenberger Senior UX Designer @ Unic A Lead Designer of the Drupal Design System, Claro Co-Maintainer, Creator Gin Admin Theme Drupal Yorkshire Meetup June 2021 @saschaeggi

@saschaeggi Follow me on Twitter Drupal Yorkshire Meetup June 2021 @saschaeggi

Agenda 01 02 03 04 Drupal Yorkshire Meetup June 2021 Why Gin? Outlook Good to know Questions @saschaeggi

Why Gin? Drupal Yorkshire Meetup June 2021 @saschaeggi

« Drupal looks & feels outdated » Drupal Yorkshire Meetup June 2021 @saschaeggi

« Drupal looks & feels outdated » Drupal Yorkshire Meetup June 2021 @saschaeggi

Layout Drupal Yorkshire Meetup June 2021 @saschaeggi

Customization! Drupal Yorkshire Meetup June 2021 @saschaeggi

More customization! Drupal Yorkshire Meetup June 2021 @saschaeggi

Dark mode Drupal Yorkshire Meetup June 2021 @saschaeggi

Dark mode Drupal Yorkshire Meetup June 2021 @saschaeggi

User settings Drupal Yorkshire Meetup June 2021 @saschaeggi

Outlook Drupal Yorkshire Meetup June 2021 @saschaeggi

Layout optimizations Sneak preview (work in progress) Drupal Yorkshire Meetup June 2021 @saschaeggi

Collapsible Sidebar dgo.to/3187407 Drupal Yorkshire Meetup June 2021 @saschaeggi

Layout density setting dgo.to/3187648 Drupal Yorkshire Meetup June 2021 @saschaeggi

Good to know Drupal Yorkshire Meetup June 2021 @saschaeggi

CSS Adjustments to Gin gin-custom.css (Since Alpha 31) • For quick overrides • Place in your public files directory: e.g. /sites/default/files/ • Great for small adjustments like changing Logo size etc. (no need for subtheming) Drupal Yorkshire Meetup June 2021 @saschaeggi

CKEditor styles [name_of_frontend_theme].info.yml • Define your stylesheet • True WYSIWYG experience

Use AJAX for admin views It’s there you just need to enable it • Set administrative views like content, media etc. to use AJAX • Provides a more responsive & modern feel

Use Paragraphs Icons For easier recognition • Helps for easier recognition of content pieces • You could for example use the OpenSource library Feathericons

Wrap up Drupal Yorkshire Meetup June 2021 @saschaeggi

Download Gin drupal.org/project/gin Drupal Yorkshire Meetup June 2021 @saschaeggi

Support the development 🍺 : drupal.org/project/issues/gin : github.com/sponsors/saschaeggi Drupal Yorkshire Meetup June 2021 @saschaeggi

#1 The Experience is King A good UX will help with adoption Drupal Yorkshire Meetup June 2021 @saschaeggi

Thanks ! h Yor Drupal Yorkshire Meetup June 2021 @saschaeggi