Various practical, handy, and opinionated Adobe Illustrator templates
for logos, icons, banners, and general vector assets.
- Sensible (and opinionated) templates with visually helpful padded guides
- Practical usage recommendations based on 100+ real-world projects
- Adobe Illustrator 2020 compatibility
- Public Domain / No Copyright / No Rights Reserved license (CC0-1.0 Universal)
Over the years, I've often had to create various Adobe Illustrator templates, from simple personal projects to large-scale cross-team collaborations.
As I frequently found myself creating the same or very similar templates time and time again repeatedly, I eventually formulated basic, yet practical asset templates. This led me to open source and publish these basic boilerplate templates for creating vector assets.
This template is recommended for general vector assets (icons, logos, square/rectangular assets, etc.).
- size: 512x512 effective padded size (704x704 overall artboard size)
- file: ./templates/general-template.ai
- screenshot: ./media/screenshots/general-template.jpg
These templates are recommended for creating GitHub-specific vector assets (profile pictures, assets in markdown documents, etc.).
This template is recommended for creating GitHub profile pictures assets for personal and organization accounts.
This template has 2 guides (outer, and inner), and it is designed to offer 3 choices to the creator whether to fill out the profile picture frames on GitHub fully or partially:
-
size 512x512 - overall artboard size:
- fills out the profile picture frame completely
- recommended for assets designed to fill/reach the entirety of the profile picture frame
-
size 450x450 - using the outer guides:
- will leave a tiny, barely visible padding in the profile picture frame
- recommended in general for assets intended to be used as a profile picture, as this will have a really small, yet visually pleasing, distinguishing padding around the asset
-
size 400x400 - using the inner guides:
- will leave a small, yet visible padding in the profile picture frame
- recommended for assets in case the 450x450 outer guide doesn't suite the creator's intentions, as this will result a small margin-like visible padding around the asset
- size: 512x512 overall artboard size (with 2 guides: outer of 450x450, inner of 400x400)
- file: ./templates/gh-profile-picture.ai
- screenshot: ./media/screenshots/gh-profile-picture.jpg
This template is recommended for creating banner assets in GitHub-flavored markdowns.
The top banner in markdowns is typically an image (or multiple) representing the project as a leading graphical asset.
This template has 2 guides (outer, and inner):
-
size 800x320 - overall artboard size:
- it's not recommended to use the entire artboard for markdown banners in most use-cases, since this will fill the entire possible width of the rendered markdowns on GitHub, and it will "look bad" in most cases, except if it is intended (e.g.: minor outreaching graphics, shapes, lines, etc.)
-
size 580x180 - using the outer guides:
- recommended in general for markdown banners to be used, as this will result a "good-looking" padding all-over the banner graphic with a visually pleasing appearance as using this outer guide generally fits well in GitHub's rendered markdown content
- looks presentable and readable on mobile devices too
-
size 550x170 - using the inner guides:
- recommended for assets in case the 580x180 outer guide doesn't fully suite the creator's intentions, as this is not significantly much smaller, than using the 580x180 outer guide, but still offers guidance for tighter markdown banner designs
- size: 800x320 overall artboard size (with 2 guides: outer of 580x180, inner of 550x170)
- file: ./templates/gh-markdown-banner.ai
- screenshot: ./media/screenshots/gh-markdown-banner.jpg
Public Domain / No Copyright / No Attribution / No Rights Reserved
The person who associated a work with this deed has dedicated the work to the public domain by waiving all of their rights to the work worldwide under copyright law, including all related and neighboring rights, to the extent allowed by law. You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.