The GBrain wordmark, monogram and social squares
The wordmark, the monogram and a square mark for every social profile, each in SVG and PNG. The rules at the bottom keep the brand looking like itself.
GBrain
Brand
The GBrain wordmark, monogram and social squares
The wordmark, the monogram and a square mark for every social profile, each in SVG and PNG. The rules at the bottom keep the brand looking like itself.
gbrain.io
Wordmark
The name, set as the mark. Use it wherever there is room for the whole word, and give it the clear space the rules below ask for.
Monogram
The capital G on its own, for places the wordmark will not fit: an icon, an avatar, a favicon.
Social
Square marks at 1000 pixels, one on each of the brand's surfaces, ready to upload as a profile picture. Social sites take PNG, not SVG.
Monogram
The G on each brand surface, on a colour a tint of that colour. This is the mark everything else is cut from: the favicons and the app icons are the same curve.
-
On paper 1000px .png
-
On ink 1000px .png
-
On woad 1000px .png
-
On sage 1000px .png
-
On slate 1000px .png
-
On lake 1000px .png
-
On glacier 1000px .png
-
On forest 1000px .png
-
On canyon 1000px .png
-
On clay 1000px .png
-
On heather 1000px .png
-
On ochre 1000px .png
-
On sky 1000px .png
-
On moss 1000px .png
-
On sand 1000px .png
-
On plum 1000px .png
-
On canyon-4d291e8ee6e60a7a0ba160003936c47f 1000px .png
-
On clay-617e378af8238f3ede55e2b1aed6fd24 1000px .png
-
On forest-253999e1eee2a4d4d85583470533a676 1000px .png
-
On glacier-5aeb913bdfcb48336ff38399e1bf3acf 1000px .png
-
On heather-3d424e18a740add2d9538cb62fbee6a1 1000px .png
-
On ink-f38f9920159866c3670ca4cf8941abaf 1000px .png
-
On lake-43a88b3ee3389d1e6a811429aef2027a 1000px .png
-
On moss-b9f9b9121bcdab3a9e244fd0f8aa5a84 1000px .png
-
On ochre-fb90ebcbd6241c9558fea81559468b56 1000px .png
-
On paper-8b86c00d39e9d37b5a2f1338f7b88cfc 1000px .png
-
On plum-037e2ac561320b44b63f7f69b8ac59ac 1000px .png
-
On sage-930ca61208e612edef1541de966173ae 1000px .png
-
On sand-09e555aeb61b5774f210dd408319f745 1000px .png
-
On sky-297d15c38b26ddab880e4442c8247245 1000px .png
-
On slate-63a593384acb1bde1f48fbb0626a184c 1000px .png
-
On woad-8d025c11ed068b6fdf7509228ca6ffc3 1000px .png
Brain
The brain with the G read out of it, on a colour a tint of that colour. A first drawing, kept to social while it settles, so nothing smaller is cut from it yet.
-
On paper 1000px .png
-
On ink 1000px .png
-
On woad 1000px .png
-
On sage 1000px .png
-
On slate 1000px .png
-
On lake 1000px .png
-
On glacier 1000px .png
-
On forest 1000px .png
-
On canyon 1000px .png
-
On clay 1000px .png
-
On heather 1000px .png
-
On ochre 1000px .png
-
On sky 1000px .png
-
On moss 1000px .png
-
On sand 1000px .png
-
On plum 1000px .png
-
On canyon-219dbf3d7a85f8c2473bdc6bd6c07df7 1000px .png
-
On clay-707179f3714b6e0992be583d959ad0f6 1000px .png
-
On forest-4d9944f2823382eebeb923d3882f40d4 1000px .png
-
On glacier-b5df5b16aa29d8e5a51ab7bbede5849a 1000px .png
-
On heather-d08a450ea548e086ccc8ef5f044bbdb6 1000px .png
-
On ink-ed9598f9af42ac8c4d710a929825bf9f 1000px .png
-
On lake-57cca22bf6121323bb6b5cac2d623519 1000px .png
-
On moss-8046cf42fc9c1d4431e117c46768c0b4 1000px .png
-
On ochre-00885e9dd054179706e3cd28d3295b23 1000px .png
-
On paper-67bf9c1c30a4e5fde7f7aaa6c874711f 1000px .png
-
On plum-1afc1397b638e5941b749b30baa19739 1000px .png
-
On sage-6cbbc8f6e41067e585bfec3e9bdcf4c3 1000px .png
-
On sand-276c757a662b2fa26c4add00b8648700 1000px .png
-
On sky-426048347c3cc7a52b9227ce32dc8f37 1000px .png
-
On slate-d1f76b9b668be9f6d8fc4e368056c7a8 1000px .png
-
On woad-95d66918723472f6484a2a5ea8871d0f 1000px .png
Guidelines
-
·
Clear space. Keep at least the cap height of the "G" empty on every side. The mark is editorial, not a sticker. Let it breathe.
-
·
Minimum size. 24px tall on screen, 8mm in print. Smaller and the hairlines start to break up.
-
·
Two capitals, one word. GBrain, never
gbrain,GbrainorGBRAIN. Lowercase is only for what a reader types: the domain,gbrain.io, and a command such asgbrain ping. -
·
Don't redraw it. Don't kern it by hand, don't outline it with a stroke, don't put a gradient on it, don't set it inside a circle or pill, don't animate the letters one by one. Use the file.
-
·
Use the right surface. The dark mark goes on paper and the light mark on ink: those two are the only black and white, and the ones for print. On a colour the mark is a pale tint of that colour, never white or black on it, with the letters read out in the colour itself, as the squares above are.