Egg KegEgg Keg
Menu

The Egg Keg field guide

Little egg.
Big personality.

Our marks, colors, type, and playful details, all in one place. The same ingredients that make the studio feel like Egg Keg.

Digital reference · 22 variations · 136 files

The winking Egg Keg mascotThe winking Egg Keg mascot

01 / The signature

One face. A few good fits.

The full mascot carries the studio name. Compact marks keep that same wink and smile when space gets tight.

Horizontal logo · Full color

Horizontal logo · Full color

Primary lockup for website headers, banners and wide placements.

220px wide is a starting reference; inspect at the final display size.

Download SVG ↓

A tiny space needs its own drawing.

The egg-only favicon is active: a complete shell, compact wink, and rounded smile in plum and cream. Check these raster exports at their real sizes.

Active · egg only
Egg only at 16 pixels16pxEgg only at 32 pixels32pxEgg only at 48 pixels48px
Previous · egg and keg
Egg and keg at 16 pixels16pxEgg and keg at 32 pixels32pxEgg and keg at 48 pixels48px

02 / Our ingredients

Warm by day.
Plum after dark.

Plum, cream, and yolk anchor the identity. Pink adds warmth; purple carries splash energy. Game artwork keeps its own colors.

Day mode · Following your device setting.


Compare the homepage in day & night →

Colors with a job to do.

Use semantic tokens for text, surfaces, and borders. The page and the main studio share these values, so switching themes keeps them together.

Download color & type tokens ↓
Shared day and night theme tokens
RoleDayNight
--text#2E0F23#FFF8EE
--text-muted#714159#DFBED0
--surface#FFFCF7#352039
--surface-soft#FFE3ED#4C2A43
--accent-text#7A1B75#EDB1F3
--splash-ink#9C27B0#B63BC8
--matrix-rest#FFFFFF#FFFFFF
--matrix-ink#9C27B0#B63BC8
--line#D9B7C5#77536D

03 / The way we move

Bold words.
A little bounce.

Big, rounded headlines meet readable body copy. Motion responds to a moment, settles quickly, and gives the artwork room.

Lilita One · display

Ready, set,
crack!

M PLUS Rounded 1c · body

We make Roblox games for players who see a ramp and ask, “Think I can jump that?”

760ms shared spring · 6.4s shared breath. CRACK winds up, tips playfully as the egg rises, and rebounds on the same landing beat. The word settles with a smaller counter-rotation; its surrounding type and controls stay still. A compact plum contact shadow sits beneath the keg’s lowest edge, with a soft outer falloff. Its center stays planted and deepens slightly at the egg’s landing. The soft outer edge follows the nearby purple current, sharing its gentle release when stirring and landing overlap. Dots glide along the base with a softer crossing motion and fade beneath the contact; the surrounding current stays continuous. White dots form a broad halo around the logo and an even field behind the headline. The egg’s landing sends a purple ripple from its own center of mass. Hover stirs a flowing wake in the same purple, including behind and directly below the logo. Meeting currents bend together; every dot stays connected to the grid. Purple lingers briefly, then fades back to white as the motion settles. The idle breath resumes afterward. Touch adds a brief ripple. On phones, native scrolling rolls the dots vertically with the swipe and a small springy rebound; momentum blends into existing ripples, then settles back to white. The keg and text keep their footing. Reduced motion, data saving, and offscreen content keep the field quiet.

04 / Take what you need

The asset shelf.

SVG is the lightest starting point for these marks. PNG and lossless WebP downloads cover small screens, high-density displays, and partner tools.

Download the full kit ↓ Asset manifest ↓

05 / Keep the character

Small rules.
Better company.

Keep the face expressive and the artwork clear. These examples are the shared reference for the next round of polish.

Give it room.

Start with clear space equal to one quarter of the mascot width. Scale uniformly, and use the supplied layouts instead of squeezing the wordmark into a gap.

Choose for the medium.

Use the full face for larger displays, the simplified mark for tight spaces, and the favicon at tab size. Keep the avatar’s important features within its circular safe area.

Let color do its job.

Use reversed artwork on dark surfaces. One-color versions preserve the face through cutouts. Keep gradients and splashes outside the core logo.

Prove the physical version.

Embroidery, stamps, engraving, and small print need a sample at the actual production size. A digital preview is not a production proof.

Web delivery & shared-source notes

Both pages load the same generated tokens, components, theme controller, and motion styles. The brand marks are built from the same mascot geometry. Theme choices synchronize across tabs; device preference remains available.

  • Use SVG directly for these small vector marks. Raster assets are alternatives, not extra page downloads.
  • When a raster is needed, choose a width near its displayed size × device pixel ratio. Supply srcset and sizes rather than sending the largest file to every device.
  • Include width and height, lazy-load below-the-fold art, and keep videos out of the critical page load.
  • Reduced motion removes decorative movement. Data-saving and slow-connection settings limit automatic media.
  • For the workflow study, record time to choose/export, wrong-variant selections, and revision rounds. Keep aesthetic review scores separate.

Generated files: asset manifest · shared token source. Historical artwork remains outside this kit.