Spaceguide

Design Tools & Resources

Introduction

This page contains a goodie bag of links you might find helpful in your design process.

Tools

  • Type Scale
  • Coolors
  • Adobe Color
  • Color Contrast Checker
  • IcoMoon

Resources

Icons

  • IBM Design Resources
  • Feather Icons
  • The Noun Project

Other

  • Google Fonts

Inspiration

  • Material Design
  • IBM Design Language
  • Spatial Interfaces
  • Designing Fluid Interfaces

Recommended reading

  • 8-Point Grid
  • Comprehensive Guide: When to Use Em vs. Rem
  • The User’s Hierachy of Needs
    • Reference image
  • Readability: the Optimal Line Length

documentation

  • Introduction
  • Frontend

    • Spacecraft

      • Introduction
      • Getting started
      • Javascript development
      • Config & commands
      • Tools
      • Components

        • Create components
        • Publish components
        • Import components
      • Theming
  • Backend

    • Drupal

      • Setup a new project
    • Laravel

      • Quickstart
    • Wordpress

      • Quickstart
      • Configuration & start
      • Setup a new project
      • Plugins
      • Moving a Wordpress site
    • Elasticsearch

      • Introduction
      • Quickstart
      • Configuration
    • Solr

      • Installation
  • Servers

    • Flightplan

      • Settings
      • Shared folders
      • Deployment
      • Init
      • Rollback
      • Code snippets
    • Trellis

      • Setup Trellis
      • Trellis projects
    • Hosting

      • Hosting introduction
      • Our own servers
      • For customers
  • Services

    • Google Analytics
    • Google Tag Manager
    • Statuscake
    • Browserstack
    • Hotjar
  • Local Setup

    • Development tools
    • Design tools
  • Go Live

    • Go live checklist
  • Design

    • Quick Start
    • Process

      • Introduction
      • Phase 1 – Workshops
      • Phase 2 – Research
      • Phase 3 – Wireframes
      • Phase 4 – Design
      • Phase 5 – Presentation
      • Phase 6 – Development
    • Sketch Workflow
    • Tools & Resources
  • Git

    • Git branching
    • Git glossary
    • Additional resources