The brand kit.
One winking dog, bent from glass. Here is everything you need to put him somewhere: the logo in every format, our colours and type, the recipe for the glow, and a short list of house rules.
Bent from one line.
The mark is a French bulldog drawn the way a glass bender would make him: one pink tube for the head and both bat ears, one amber tube for the face. Every shape is a centre-line with round ends, so he reads the same as a 16 pixel favicon and as a sign on a wall.
He winks because he's in on it. We make serious tools and silly games, and we'd like you to have a good time with both.
- Head tube
- Snoot Pink. One continuous loop, ears and all.
- Face tube
- Sodium. Open eye, wink, nose roll, nose and jowls.
- Nodes
- Where the glass gets heated and bent. Every bend is a smooth curve.
- Mirror line
- The head is symmetrical. The wink is not, and that's the point.
The logo.
Four arrangements, five colourways. Pick a colourway and every file below follows. All of them are drawn from the same geometry, so nothing ever drifts.
Our default: full colour on Night, or any dark background.
Wordmark
Rarely alone. Use it where the dog would be too small to read, or is already on the page.
Give him room.
Keep clear space equal to the height of the o in the wordmark, which we call x, on every side. For the mark alone, use a quarter of its width.
Smallest sizes
- Horizontal lockup 120 px wide on screen, 30 mm in print.
- Mark 24 px, or 8 mm in print.
Favicon Below 24 px, use the favicon drawing: heavier tubes on a Night tile, no glow.
Please don't.
He's a simple drawing, and he's easy to break. Use the files as they come.
Stretch or squash him.
Recolour the tubes. Pink head, amber face.
Tilt him. Signs hang level.
Add shadows, bevels or gradients.
Put the dark-wall colours on a light wall. Use Colour on Plaster.
Open the other eye. He always winks.
Colour.
Night is the wall, and Snoot Pink and Sodium are the tubes. Keep things mostly Night with one or two lit colours. A sign with every tube switched on is just noise.
Product tubes
Every product gets its own gas. It shows up in the product's icon on our site and nowhere near the Neon Frenchie logo.
Type.
Two free families from Google Fonts. Anybody is a variable sans that stretches from compressed to extra-expanded, so headlines can be as wide as a shop sign. Atkinson Hyperlegible Next does the reading, and it was designed for exactly that.
Anybody
By Etcetera Type Co. Headlines, product names, big numbers.
Small studio. Bright software.
House setting: width 125, weight 800, line height 0.92, letter spacing minus 3 percent. Sentence case, always.
Atkinson Hyperlegible Next
From the Braille Institute. Body copy, interface, captions.
Flip your phone over and a hand-drawn tabby naps until your session ends. Pick it up too soon and the cat wakes up and gives you a look. Letters like I, l and 1, or O and 0, never get mixed up, which matters when you're reading a stack size at 2 a.m.
LightRegularSemiboldExtra boldItalic
House setting: 18 px, line height 1.6, lines under 75 characters.
How the glow works.
On screen, the lit logo is built like a real tube. Every shape is drawn four times, then one blur filter blooms the lot. Switch the layers off and on to see what each one does.
- Edge. The rim of the glass, only visible in daylight.
- Glass. The tube itself, tinted with its colour even when it's off.
- Gas. The lit colour, same width as the glass.
- Core. A thin white line down the middle. This is what makes it read as hot glass rather than a coloured line.
- Bloom. Two Gaussian blurs of the whole sign, merged under the sharp tubes.
Signs light one circuit at a time with a short flicker, and go dark with a quick fade. With reduced motion turned on, they simply switch.
<filter id="glow" color-interpolation-filters="sRGB">
<feGaussianBlur in="SourceGraphic" stdDeviation="2.4" result="a"/>
<feGaussianBlur in="SourceGraphic" stdDeviation="9" result="b"/>
<feMerge>
<feMergeNode in="b"/><feMergeNode in="b"/>
<feMergeNode in="a"/><feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>How we sound.
Like the person who made the thing, explaining it across a counter. Short sentences, real details, and a joke when there's room for one.
Plain over clever
Flip your phone over and the cat takes a nap.
Revolutionise your focus with feline-powered productivity.
Specific beats big
87 hand-built levels across six worlds.
Tons of amazing content to explore!
Warm, not cute
You woke the cat. Flip the phone back over to keep going.
Oopsie! Kitty is sooo sad now.
Honest about the machine
An AI makes the call, says it's an AI, and you click once per call.
Our human-like agents will close deals while you sleep.
Sentence case for everything, including buttons. No exclamation marks in the interface. Name things by what they do for people, not how they're built.
In the wild.
Where he lives when he's not on this page.
Downloads.
Everything on this page, plus the guidelines as a text file, in one zip.
Logo
Every arrangement in every colourway, as SVG and PNG. Use the colourway picker in the logo section, or grab the zip.
Questions
Need something that isn't here, or want to check a use? Write to hello@neonfrenchie.com.