Brand system 01
Arcade energy.
Modern control.
Thumb.Golf feels fast, friendly, and competitive. The system pairs scoreboard precision with the bold color and impact of an arcade cabinet.
01 / Logo
Built to move.
The production lockup replaces the traditional flying ball with our fingerprint golf-ball icon, carried by one short white arc and four compact Signal Green speed trails. The white dot remains the intentional separator in thumb.golf; the surrounding negative space stays transparent.
02 / Icon
Thumbprint. Golf ball. No coin.
The primary icon keeps a true circular outer silhouette, an all-electric-blue fingerprint, and softly shaded, shallow golf-ball dimples—without adding a circular plate or beveled rim.
03 / Color
Electric on carbon.
04 / Type
Big, quick, readable.
SEND.
Ready on the tee.
Clear, open forms keep controls and course data readable without losing the game-first attitude.
Use for every decision
Riverwalk Golf ClubCourse names, buttons, navigation, form labels, and instructions always use the clearest face.
Brand displayOrbitron · .type-display
Expressive headlines and scores, normally 32px or larger.
Interface voiceSpace Grotesk · .type-interface
Body copy, descriptions, supporting context, and data.
Action & choiceInter · .type-action / .type-choice-title
Anything a player must read to decide, navigate, or act.
05 / Build system
One system. Reusable everywhere.
Tailwind utilities mirror the brand roles, so new screens inherit the same typography, colors, corners, and depth without recreating them.
Typography
Decision first
Use the readable action face whenever a player must choose or continue.
font-cta text-actionColor roles
Meaning stays consistent
Blue invites interaction. Green confirms readiness, success, or reward.
bg-electric-blue text-signal-greenSurfaces
Arcade depth
Controls and panels share deliberate radii and cool directional shadows.
rounded-control shadow-arcade-button06 / Controls
Buttons should feel playable.
Course online