2024/Berlin/designfordummies

Design for Dummies was a session at IndieWebCamp Berlin 2024.

Participants

How to get started with designing a website; how to get inspired
Fonts / Typography
- https://fonts.google.com/ easy to implment
- https://ellenlupton.com/Thinking-with-Type
- Base typography stylesheet: https://clagnut.com/blog/2433/
  - example: https://clagnut.com/sandbox/tods/tods.html
Layout
- mobile first
- wireframes
- https://penpot.app/ - "open source Figma"
  - closer to css
- start with typography
Colors
- https://www.colourlovers.com/
- https://coolors.co/
Accessibility
having a way to quickly iterate on the layout and content — so that a current version never feels like a big commitment
start with content and get inspired from there (Design fitting to the content)
consider the possibility of maximum width for text
share skills vs going it alone?
themes are the quickest way to change the look of your website with the same content
WordPress themes are an example of this
also would be nice to tweak the theme a little bit, like colors
looking for a CMS with a huge choice of themes
- https://www.csszengarden.com/
are CSS-only themes a possibility?
- https://owickstrom.github.io/the-monospace-web/
- https://codepen.io/sarajw/pen/xxBGmRZ
"classless" CSS
maybe CSS-only themes that could apply to HTML+mf2 to style common IndieWeb building blocks pages like streams, archives, post permalinks