The Game Line
The Game Line
A game line is the compact single-row tile that stands in for a game inside a list — the home feed, search results, a player’s profile, a venue page. It’s packed on purpose: you scan a column of these to decide which game is worth opening, without actually opening anything.
Tap a line and the full detail view opens — see The Game Profile.
What you see at a glance
A line doesn’t hide much — the point is to fit enough of a game’s state into one row that you can accept or reject it on sight.
Running across the top is a snippet header with the practical bits: format (F6, F7…), day and date, kick-off time, duration, venue with distance and compass bearing from you, the host’s name, a row of facility icons (indoor, goals, ball, astro, bibs, showers, parking), the fee in currency with a glyph for cash / online / free, and the privacy state (lock for private, unlocked for public, envelope for invite-only).
Underneath, a small stats table. On the left, four activity counts for the game (views, invites, messages, likes), with a blue “+N” next to any that have moved since your last visit. On the right, four player-stat ranges describing who’s already in (age, experience, level, solidity).
Then the compact lineup — each team drawn as a mini formation in football-layout shape (goalkeeper at the bottom, outfielders in rows above). Teams sit side by side; the strip scrolls horizontally if the game has lots of teams or a wide formation. Filled cells are booked spots, outlined cells with a plus are free.
Colors on the line and what they signal
The line packs a lot of information into color. There are two independent color systems layered on top of each other, and it’s worth separating them in your head:
- Relation colors — green for things you follow, red for things you’ve blacklisted. These are always on; they don’t change when you fiddle with filters.
- Metric colors — whichever palette your paint-by-metric lens is set to (level, age, experience, solidity, or nationality). Flip the lens and these redraw; leave it on the default and they settle into the level palette.
Both layers can appear on the same line at the same time, so (for example) a host’s name can have a green background (you follow them) with the text inside tinted by their level.
Relation colors — green for follow, red for block
Four parts of the line tint themselves based on your relationship to the entity they represent:
- The host’s name. A colored background appears behind their name when you follow them. No background means you don’t follow them.
- The venue’s name. Green background if you follow the venue, red if you’ve blacklisted it, plain otherwise.
- The facility icons (indoor, goals, bibs, etc.). They pick up the same green / red tint from the venue’s relation — a followed venue’s facilities show in green shades, a blacklisted venue’s in red.
- The distance and compass-bearing icon (NE, NW, etc.). Also shaded by venue relation.
The effect is that you can scan a list and immediately spot the games at places and hosts you know, without reading a single word.
Metric colors — driven by the paint lens
When you pick a paint metric, several line elements redraw themselves by that metric:
- The host’s name text — tinted by the host’s own value on the chosen metric (the follow-background, if you follow them, stays behind it).
- The formation cells — each cell’s fill is the corresponding player’s color on that metric. The lineup becomes a visual distribution of whatever you’re painting by.
- The stats-table range rows on the right — use the metric’s palette for the quintile colors inside them.
Flipping the lens from Level to Age recolors every metric-driven element in one tap; it doesn’t affect the relation tints at all.
Formation cells — outlines and dots mean something too
A formation cell isn’t just filled-vs-empty:
- Filled cell — someone’s booked in this spot. The fill is the metric color.
- Outlined cell with a plus — the spot is free.
- Colored outline around a filled cell — signals your relation to that specific player: a follower of yours gets their outline in the follower color; someone you’ve blacklisted shows with a red outline.
- Small dot in the corner of a cell — the player in that spot has a pending invitation and hasn’t responded yet.
So a “neutral” lineup is plain fill colors. A lineup with outlines and corner dots is telling you which friends are already on the roster and which invitees haven’t answered yet — before you even open the profile.
The four stats-table rows — three modes per row
Each of the four right-side rows (age, experience, level, solidity) lives in one of three visual states, depending on what’s happening with that dimension:
- Host set a restriction on this dimension. The row shows two colored pills for min and max, with a segmented colored bar between them — each pill painted in its bucket color, the bar striped across whichever quintile colors the min-to-max span touches. The icon beside the row goes white. This is the “fully colored” look: solid backgrounds behind the numbers, dark text on top. It’s the row visually declaring “this game gates here.” See Game Restrictions.
- No restriction, but every booked player falls in the same quintile. The row shows a simple range like
20-40tinted in that quintile’s color — one tone, no pills, no bar. The row is saying “everyone here lives in the same band.” - No restriction, and booked players span more than one quintile (or nobody’s booked yet). The row goes grey — a placeholder like
-----or dim text. The row is saying “no single band fits; open the profile if you want the real distribution.”
So reading a stats row at a glance: colored pills with a bar means the host is gating; one tint means consensus; grey means mixed.
The goalkeeper fee color
On the fee line, if the goalkeeper’s fee is different from the outfield players’ — either because the GK is being paid (hired) or because the GK pays a different amount — the GK fee renders in blue. If the GK fee matches the outfield fee, or the game has no separate GK pricing, it shows in grey. Blue on the fee line is the single-glance signal that goalkeeping is priced differently here. See Goalkeeper Fees.
The buttons on the right edge
Pinned to the right of the row is a small column of buttons — the action trio — that act without opening the profile:
- A heart — likes the game. The count sits inside the glyph.
- A block-game icon (a middle-finger glyph) — blacklists the game. Only shown on the home feed, not in search or profile lists. See Blacklisting.
- A book button, or your avatar, depending on your state. A book glyph if you’re not booked and a spot is free (tap for the quick-book flow). A pending-state glyph if you’ve already queued a move on this game in the booking panel — tapping sends the queue. Your own avatar if you’re already booked — tapping marks you for unbooking. And a small lock in place of the book glyph if something’s blocking you (same-day clash, playing requirement, privacy, etc.) — see Joining a Game.
The trio is hit-isolated: tapping any of these does the action and nothing else. Tapping anywhere else on the line opens The Game Profile.
Where lines show up
The same line primitive turns up in several places:
- The home feed — the main list of games you can book. The only place the block-game icon appears.
- Search results — same line, minus the block icon.
- Profile game lists — games associated with a player or a host.
- Venue pages — games at a particular venue.
Related
- The Game Profile — the detail view that opens when you tap a line.
- The Home Screen — the main place you’ll encounter a line.
- The Booking Panel — what the book action feeds into.
- Paint by Metric — what the host-name tint, formation colors, and stats-table colors respond to.
- Game Restrictions — the rule behind the stats-table’s “pills with bar” mode.
- Goalkeeper Fees — why a fee line can show a blue number next to the main one.
- Teams — why a line can show one team, two, or more.
- Joining a Game
- Finding Games
- Blacklisting