Pixel café
Night navy, yellow and red, a game café with life hearts and dialogue boxes.
Press Start 2P · Nunito
Pixel
Hard square pixels like 1980s games
The page is an old video game: stepped pixel borders and shadows, pixel type, a limited NES-like palette, health bars, hearts and dialogue boxes. For game cafés, events and playful apps.
12 designs
What defines this style
- Typography
- A pixel face for headings and labels (Press Start 2P or Silkscreen; Handjet for Arabic), and a plain clear face for text so it stays readable.
- Colour
- A limited palette of 4–6 saturated colours (dark navy, yellow, red, green) with no gradients, and black for outlines.
- Layout
- A strict grid on a 4 or 8px unit, sections as game levels (LEVEL 01, 02…), cards as dialogue boxes.
- Shapes
- Perfectly square corners, pixel borders from stacked shadows (box-shadow: 4px 0 0 #000, -4px 0 0 #000, 0 4px 0 #000, 0 -4px 0 #000), and a solid 8px offset shadow.
- Imagery
- Photos in pixel frames, pixel icons (hearts, stars, coins), a faint square grid in the background.
- Motion
- Stepped motion (steps()) with no easing: a blinking cursor, text typed letter by letter, a button that drops 4px when pressed.
- Details
- A health bar, life hearts, a score counter, START ▶ on the button.
- Avoid
- Rounded corners, blurred shadows, gradients, pixel type for long paragraphs.
12 designs
Quest
Forest green, brown and gold, a habit app that turns your day into quests and levels.
Silkscreen · Nunito
Sprite
Paper white, NES blue and red, a developer tool that explains itself like a game manual.
Press Start 2P · IBM Plex Sans
Level up
Purple and neon green, a game-coding academy for kids with badges and XP.
Press Start 2P · Nunito
LAN party
Black, screen green and red, an esports tournament with a pixel scoreboard.
Press Start 2P · IBM Plex Sans
8-bit
Yellow, black and blue, an indie game-design studio with work in pixel frames.
Press Start 2P · Space Grotesk
LED board
Black, LED red and amber, a maker of advertising screens made of glowing dots.
Silkscreen · Inter
Candy pixels
Pink, turquoise and yellow, a sweet shop with square treats like puzzle-game levels.
Silkscreen · Nunito
Space Quest
Crimson, black and yellow, an astronomy club in pixels, with a fuel bar and the nights as levels.
Press Start 2P · Archivo
Pit Stop
Red, cream and green, a car workshop with a price list like the garage screen of a racing game.
Press Start 2P · Nunito
Harvest
Grass green, soil brown and wheat yellow, a family farm like a cosy farming game.
Silkscreen · Nunito
Blocks
Hazard yellow, grey and sky blue, a contractor that builds in blocks like a building game.
Press Start 2P · Archivo