Skip to content

Brand Guidelines

The TOOOLS.design logo, the Featured badge, the colors and how to write the name. Free to use when you write about TOOOLS.design or link to it.

Download all (ZIP)

Two versions of each: one drawn for light backgrounds, one for dark. SVG for anything on screen, PNG where SVG is not an option.

  • Wordmark

    The full logo. Use it wherever there is room for the name.

  • Icon

    The three rings alone, for tight spaces: logo grids, directory listings, source credits in videos and slides.

  • Each logo is for one kind of background and gets lost on the other. Use the one for light backgrounds on light surfaces and the one for dark backgrounds on dark ones.
  • Keep it as it is. No stretching, recoloring, outlines, shadows or rearranged parts.
  • Give it room: keep free space around it at least as wide as one ring.

Featured badge

Listed on TOOOLS.design? Put the badge on your site, in the footer, on your launch page or in your README. Copy the HTML or the Markdown of the version that suits your background; it links to TOOOLS.design and always loads the current badge.

  • Featured badge

    The standard badge, 182 × 54. Fits the slot most sites keep for launch badges.

    • Light

      SVGPNG

    • Dark

      SVGPNG

  • Compact badge

    One line, 236 × 36. For footers and README files.

    • Light

      SVGPNG

    • Dark

      SVGPNG

Writing the name

The name is written TOOOLS.design: TOOOLS in capitals with three O's, then .design in lowercase, as one word. Always in full, the second time in a text too. In a web address it is lowercase: toools.design.

Please not:

  • Toools.design
  • TOOLS.design
  • Tools.design
  • TOOOLS Design
  • TOOOLS
  • toools

Description

For articles, launch pages, partner listings and profiles, in four lengths. Copy the one that fits as it is.

Tagline · 8 words

A curated directory of design tools and resources.

Short · 24 words

TOOOLS.design is a curated directory of design tools and resources for people who design websites, apps, and brands. Hand-picked since 2019, updated every week.

Medium · 54 words

TOOOLS.design is a curated directory of design tools and resources for people who design websites, apps, and brands: over 2,400 hand-picked tools, assets, and learning resources in 18 categories and 178 subcategories, curated since 2019 and updated weekly. Every entry is vetted by one designer, and less than 4% of submissions make it in.

Long · 97 words

TOOOLS.design is a curated directory of design tools and resources for people who design websites, apps, and brands: over 2,400 hand-picked tools, assets, and learning resources in 18 categories and 178 subcategories, updated weekly. Every entry is vetted by one designer, and less than 4% of submissions make it in. The directory is free to use and needs no account. A weekly newsletter brings the latest additions, and an AI search answers questions like which tool fits a task or what the alternatives to one are. Pascal Strasche, a designer from Germany, has run it since 2019.

Colors

The three rings run from blue through violet to magenta. Berry carries the type and the dark grounds, lavender the light ones.

  • Palette

    Click a color to copy its hex code.

Backgrounds

For slides, videos and posts about TOOOLS.design. Put the logo on them, or the badge.

Questions about the brand, or a use these pages do not cover? Write to hey@toools.design.