Brand & press
The pockett brand kit
Logos, colours, type and a short press boilerplate. Everything here is free to use to write about or link to pockett, within the guidelines below.
SVG and PNG logos, social images and the brand guide. About 1 MB.
Logo
Download the logo
Mark
The envelope and command line on their own. Icons, avatars and anywhere a square fits.
Horizontal lockup
The default logo. Mark and wordmark on one line.
PNGs here are 512 px with a transparent background. The zip also has the mark at 16, 32, 64, 128, 256, 512 and 1024 px, and the lockups at 128 to 1024 px wide.
Social images
Construction
An envelope with a command line in it
Envelope. A rounded square with a short, closed flap: letters, delivered. Something real is on its way to you.
Command line. The >_ prompt sits in the body, centred in the space below the flap tip. This is code.
Flap. A V filled with a gradient, deepest olive along the fold and fading to the body colour at the top corners until it melts into the envelope. No outlines; tone does the drawing.
Wordmark. “pockett” in Geist SemiBold, lower case, tracking −0.02em, supplied as outlines. Do not retype it.
The mark is drawn on a 32-unit grid. The envelope is 26 units square with a 6-unit corner radius.
Space and size
Clear space and minimum sizes
Keep a clear zone of half the mark’s width (½M) on every side. Nothing enters it.
Smallest sizes: mark 16 px (5 mm in print), horizontal lockup 96 px wide (25 mm), stacked lockup 80 px wide (20 mm). Under 40 px the small-size drawing is used: a tighter gradient and a heavier prompt.
Colour
One accent, used as a fill
Pastel lime is a fill with dark ink on top. It is never used as text on a light background (1.2:1). For text and thin lines on light surfaces use the olive. Click a value to copy it.
Envelope body, primary buttons. Always a fill, with ink on top.
The >_ prompt, text on pastel (15.1:1), dark backgrounds.
Accessible accent for text and lines on light surfaces (5.1:1 on the page).
Pressed and emphasis states on light surfaces.
Hover state for the pastel.
Flap gradient
A radial gradient centred on the V tip, squashed vertically so it hugs the fold. Deepest at the fold, fading to the body colour by the top corners.
Neutrals
Page
Surface
Text
Secondary text
Tertiary text
Typography
Three typefaces, all open source
Interface and body
Geist
Weights 400, 500, 600. Body 15 to 16 px / 1.6. Buttons and labels 13 to 14 px, 500. Headings 600, tracking −0.02em.
Display
Source Serif 4
Weights 500 and 600. Headlines from 40 to 84 px, line height 1.04 to 1.15. One serif headline per view.
Code
Geist Mono
Weights 400 and 500. Code, filenames and small-caps eyebrow labels. 13 to 14 px / 1.6.
Specimen
Learn to code by building real projects.
Every lesson brings a live demo to life. Write real code, see it work, and keep going until it is professional-grade.
print("hello, pockett")
Usage
Do and don’t
Also: don’t replace the gradient flap with a flat fill in the full-colour version, don’t place the full-colour mark on a mid-tone or busy background (switch to white or black), don’t retype the wordmark, and don’t crop the envelope or put it inside another shape.
Voice
Confident, plain, warm
Say what the learner gets.
Real projects, live demos, instant feedback. Not how it works under the hood.
Short sentences, active verbs.
“Build a drum machine.” Not “Learners will be enabled to create audio applications.”
Professional, never patronising.
No exclamation marks, no emoji in product copy, no gamified shouting.
Leave out the machinery.
No hosting, runtime or implementation detail. Nobody has to know how it runs.
Press
About pockett
50 words
pockett is a free learning platform where people learn to code by building real, working projects. Every lesson brings a live demo to life, so learners see their code do something from day one and get instant feedback along the way. It takes beginners all the way to professional-grade software.
100 words
pockett is a free learning platform where people learn to code by building real, working projects. Every lesson brings a live demo to life, so learners see their code do something from day one and get instant feedback along the way. Courses and projects span Python, JavaScript, SQL and more, and are designed as a path: start with the foundations, build projects that look and behave like the real thing, and finish with the habits of a professional engineer. There is no paywall, ever. pockett exists to make learning to code feel like making something real, not studying for it.
Short descriptor for bios and listings: pockett: learn to code by building real projects. pockett is a product of Gameverse, LLC.
Requests
Need something else?
Everything you need is in the kit above. For a different format, a co-branded lockup, permission for a use not covered here or a press quote, contact the pockett team with what you are making, where it will appear and your deadline. Please send artwork for approval before publishing if it places the logo next to other brands.
The pockett name, logo and brand assets are the property of Gameverse, LLC. © 2026 Gameverse, LLC.