Marketing material
A short overview of Futbol Island for investors and partners: what the game is, every feature, and who builds it.
Marketing site
Soft paper, near-black ink and one gold accent. Big, tight headlines in the system sans.
Colour
- Paper#fbf7eePage ground
- Tint#ecefdfAlternate chapters
- Well#efe8d7Media cards
- Ink#14221dHeadlines and text
- Ink soft#5b675fLines under headlines
- Pitch#1d6b55Links and icons
- Play gold#e9c16bThe one accent
- Gold edge#a8863dButton lip
- Mint#beded1Secondary button
Type
- Learn the gameSystem sans (SF Pro) · 600 · 44–96px · tracking −0.028em · line 1.04
- Short lessons and quizzes on a moving pitch.System sans · 500 · 19–28px · line 1.28 · Ink soft
- Every idea is shown on the pitch, explained and checked with a quiz.System sans · 400 · 17px · line 1.47
- Futbol IslandIslandBrush · Logo only · 26px · one bright colour per letter
Primary button
Spacing and shape
- One idea per full-width chapter, centred, max 1080px wide.
- Section padding: 96–180px top and bottom (16% of the screen height).
- Side gutter 16px on phones, 24px from 760px.
- Media cards: 26–40px corner radius on the Well colour.
- Buttons: 56px pill, 3px cream rim, 5px gold lip; Arial 800 at 19px.
Logo letters: #e8479b #2f6bff #ff7a1a #2fb36a #8a5cf0
The game
Sea blue, cream panels and tactile buttons with a rim and a lip. IslandBrush for titles.
Colour
- Sea#2b53e5Title and loading screen
- Coast pink#ef8fd0Title screen coast
- Cream panel#f7f0dbModals and cards
- Island green#244d40Ink, green buttons
- Gold#e9c16bPrimary and navigation
- Bright gold#f9d665Tiles, chips, answers
- Mint#beded1Secondary buttons
- Pink#ed9dceSelected chip
- Rim#fff2cd3px rim on every button
Type
- Make it your islandIslandBrush · 400 · titles 24–38px (title screen 32–62px)
- I have a save codeArial · 800 · buttons 14–19px · sentence case
- A save code instead of an account.Arial · 400 · body 15px · line 1.45
Spacing and shape
- Buttons: 44px tall (48px card actions), pill radius 999px; tiles 18px.
- Every face has a 3px cream rim and a solid 4–5px lip in its edge colour.
- Pressed: the button sinks 3px and the lip shortens to 2px.
- Phone gutter 18px; HUD row 44px tall, 16px from the top on phones, 20px on desktop.
- Navigation buttons (Back, Done, Next) are 76 × 44px gold pills.
Buttons
Futbol Island
DoneNext question
The title screen’s own buttons, then Navigation and Primary green.