Your next wild idea.
Now playing.
Everything we make shortens the distance between “what if” and “press play.”
Brand guidelines · v1.0 · September 2026
Imagination, instantly playable.
Essence
Gwip turns the sentence in your head into a world you can play. The brand should feel like the moment a game boots up: dark, charged, and full of possibility.
Your next wild idea.
Bold
Big type, confident color, cinematic worlds. Premium game energy, never a toy box.
Playful
A wink in the copy, a spring in the motion, a yellow dot where you least expect it.
Generous
We do the hard parts and say so plainly. No jargon, no gatekeeping, no dead ends.
Crafted
Every surface is considered: the glow, the grain, the pause before a pop.
Gwip is
- Cinematic, like a game’s title screen
- Warm and a little mischievous
- Clear about what’s happening
- Made for anyone with an idea
Gwip isn’t
- Blocky, primary-color “kids software”
- A developer tool in disguise
- Hype-y AI sparkle for its own sake
- Noisy, cluttered or loud for no reason
Logo
The Portal G is an open ring, the world, with a play button launching through its opening. Read it as a G, a portal, or a power-on symbol. All three are true.
Clear space
Keep at least the height of the play button clear on every side.
Minimum size
Mark 16px on screen. Full lockup 72px wide. Below that, use the app icon.
Please don’t
Stretch it, recolor the ring and play separately, or add bevels, outlines and glows.
Color
Epic and legendary. Violet and gold are the rarity colors of games everywhere, set on a violet-black night. Keep it mostly Night, with Spark for the one thing to press.
Night 72%PortalSpark
The stage. Every surface starts here, like the dark before a game loads.
The idea and the play button. Primary actions, highlights, the i-dot.
The world being made. Progress, magic, app icon, focus glow.
DreamlightPortal → Plasma → Ember → Spark. For progress, focus glow and rare brand moments. Never behind body text.
#06050B#0B0913#141120#1A1628#211C31#342D48#4B4463#6E6788#9A93B1#C6C0D8#E6E2F1#F6F3FC
Ready to playCreatingIn the queueNeeds attention
Type
One family, many moods. Mona Sans runs from a crisp UI face to a wide, heavy display voice. Geist Mono labels things like a game HUD.
Display · Mona Sans ExtraBold · 112% width · −4.5% tracking
Now playing.
Heading · ExtraBold · 108% width · −3.5%
Big worlds start with a little “what if.”
Body · Regular · 15–18px · 1.55 line height
Describe any game you can imagine. Gwip builds it, playtests it and hands you a link to play. Ask for changes in plain words and every version is saved.
Label · Geist Mono · 12px · uppercase · +14%
Live preview · Version 3 · Now playing
Aa
Mona Sans
200–900 weight · 75–125% width
Aa
Geist Mono
Labels, numbers, shortcuts
Illustration
Layered Dusk. Our worlds are drawn in layers of atmosphere at the golden hour of imagination: silhouettes, glow and depth instead of detail. They’re generated in code, so every game gets one.
- Silhouette first. One clear hero subject (a fox, a rover, a ship) read in a single shape.
- Air between layers. Each step back gets lighter and hazier, like real distance.
- Light is the story. A sun, moon or neon sign sets the palette. Everything else follows.
- Always dusk. Violet skies falling into warm horizons tie every world to the brand.
Components
Tactile and a little game-like. Primary buttons are pressable, glass sits over worlds, and radii stay soft.
Buttons
Build my game Share game
Play the sampleSign in
Studio messages
Testing the chase
Your next playable world is taking shape.
Lost on a tiny planet
Radius, depth & spacing
xs8sm12md16lg22xl30pill∞
4px base grid. Surfaces lift with soft black shadows. Only Spark and Portal cast colored glow.
Motion
Things pop into existence. Delight gets a spring, interface changes get a quick ease-out, and worlds drift slowly behind everything.
Pop
cubic-bezier(.34,1.56,.64,1)420–560ms · Cards, dialogs, the logo on hover
Glide
cubic-bezier(.16,1,.3,1)140–240ms · Hover, focus, color and layout
Drift
ease-in-out5–15s loops · Fireflies, aurora, parallax layers
With reduced motion, everything settles into its final frame instantly. Nothing important depends on movement.
Voice
A friend who happens to be brilliant at making games. We speak in outcomes and imagination, never in build steps.
Building the world Running Vite build
Adding the player Patching src/player/controller.ts
Testing the chase Playwright failed selector
Let’s give that another try. Error 500: build pipeline failed
Your idea is saved. Request persisted to queue
- Lead with the fun. “A grocery store. A raccoon. Absolutely no permission.”
- Short and warm. Sentences you could say out loud. Contractions welcome.
- Honest when it breaks. Say what happened, what’s safe, and the one next step.
- Advanced details stay advanced. Technical words only when someone opens the details.
Downloads
Vector logo files and icons, generated from the same geometry the product uses.
Primary lockupgwip-logo.svgInk lockupgwip-logo-ink.svgMarkgwip-mark.svgMark · inkgwip-mark-ink.svgWordmarkgwip-wordmark.svgApp icongwip-app-icon.svgApp icon · 1024pxgwip-app-icon-1024.png
Questions or new uses? Keep it bold, playful, generous and crafted, and when in doubt, add less.