Brand
Brand kit
The mark, colors and type of Generato. Download the files and use them the way this page shows.
Logo and clear space
The mark
Frame G
A square frame folds into a G. Its last pixel, in lime, is still being generated.
- Clear space
- x is half the mark's height, on every side.
- Minimum
- Mark 16px. Lockup with 16px type.
- Grid
- Drawn on a 24 unit grid with flat fills.
Sizes
Sharp at every size
Heavy flat strokes keep the mark readable as a favicon, in a header and on a home screen.
Mark at 16, 24 and 48px. 16px is the smallest size.
- GeneratoGenerato
Lockup at its smallest, 16px type, and at 28px.
App icon on the ground, two tone.
App icon on lime, one color.
Files
Download the logo
Vector SVG files. The wordmark is outlined, so no font is needed.
Download Mark, two toneMark, two tone
Warm white and lime, for dark grounds.
Download Mark, one colorMark, one color
Near black, for light grounds and print.
Download Lockup, dark groundLockup, dark ground
Mark and wordmark, two tone.
Download Lockup, light groundLockup, light ground
Mark and wordmark in near black.
Color
One accent on near black
Dark ground, hairlines instead of fills, and lime for the one thing that matters on screen.
accent
Lime
#CFFF3F
Primary action, active states, credits, the lime band.
ground
Ground
#0B0B0E
Page background and text on lime.
surface
Surface
#111115
Panels, inputs and the composer.
line
Hairline
#1E1E24
Borders, dividers and media frames.
line-strong
Hairline strong
#2A2A32
Input borders and secondary buttons.
ink
Ink
#F3F1EA
Primary text, warm white.
muted
Muted
#8F8F98
Secondary text and meta.
danger
Danger
#FF5A4E
Errors and destructive actions only.
Type
Switzer, set tight and big
One family for headlines and body, a mono for labels. Modern sans only.
Display
Switzer Semibold, tracking -0.045em, line height under 1.
Make it move
Body
Switzer Regular, 16 to 18px, plain short sentences.
Pick a model or a ready preset, write what you want to see, and get images and video clips back in the same studio.
Labels
JetBrains Mono, uppercase, spaced 0.14em, 12px with a lime tick.
Video models
Sample
Presets
Rules
Three rules
- 01
Use it as drawn
Two tone on dark grounds, one color near black on light grounds. Never recolor, stretch, rotate, outline or add effects.
- 02
Give it room
Keep clear space of half the mark's height on every side. Never set the mark smaller than 16px.
- 03
Lime is the signal
The pixel stays lime or takes the main color. On lime or on a photo, use the one color mark.
On lime
One color on the loud moment
On the lime band the mark and the wordmark turn near black. Nothing else changes.