Far Cry 5 Design System
Far Cry 5's UI, rebuilt as tokens and components for Forge Island. Each component shows the game's own screen on the left and the HTML rebuild from fc5-tokens.css on the right. Source: 23 of Adam's own Far Cry 5 captures at 1920x1080, stored privately on ForgeMedia. The on-foot HUD has no still yet; those rows say Reference pending: live capture 18:00 HST. Internal design reference only.
Palette
--fc5-gold#F9BC3F · Accent: selection, sliders, focus, resistance
--fc5-gold-hot#F9AC35 · Active key
--fc5-tan#A67F44 · Bound keys
--fc5-gold-wash#3C3322 · Selected row wash
--fc5-white#FFFFFF · Titles, values
--fc5-text-muted#727171 · Unselected menu items
--fc5-panel#212224 · Menu column
--fc5-row#191B1E · Settings row
--fc5-detail-panel#262729 · Detail panel
--fc5-keycap#525354 · Key chip
--fc5-objective#FFCA00 · Objective diamond
--fc5-location#0098EF · Pins, route, player
--fc5-ally#1DB022 · Liberated shields, cash
--fc5-enemy#B00B0C · Cult / boss
--fc5-wildlife#643E1A · Animal badges
Typography
The game's faces are not identified. Montserrat (wide display caps) and Barlow (DIN-like UI) are the closest free matches.
Keyboard and mouse
Sprint / Hold Breath
Set waypoint · Back
Adjust the overall game volume.
Components
Menu list
Wide caps, 60 px pitch. Selected: gold, larger, pale rules above and below, short gold bars outside them.
Screen title
Display caps 34 px, extra-bold, white.
Settings list and slider
Rows 44 px; value column behind a divider. Selected row: 2 px gold border, gold wash, arrows on the value.
Key binding rows
Square grey chip, white glyph, value column centred.
Section header
Active section gold with a gold rule; inactive grey with a grey rule.
Detail panel
Setting name, a pale rule, one line of body with the key phrase in gold.
Icon sub-tabs
Monochrome glyphs split by short white bars; active glyph gold, its name under the row.
Top tab band
78 px band at 60%: section name centred, icon row under it, stats right.
Button prompts
Bottom-right, key chip then UI caps 24 px; hovered prompt gold.
Focused card
3 px gold frame round the plate, title turns gold.
Key art is left out on purpose: the plates stand in for real art, not a drawing of it.
Challenge list and detail
List rows with count and gold tick; detail strip with a gold keyword; gold status line.
Map markers
Objective diamond, location pin, ally shield, player arrow, route. White glyphs, colour in the container.
Map tooltip
Dark plates, name in bold sentence case, action row with key chip.
Resistance meter
Gold line with hollow rank notches, points left, label right, region name above.
Compass
1 px line about 620 px at y 36, pale cardinals, icons on the line, metres under.
Interaction prompt
Key chip and the action in UI bold 22 px, shadowed, no plate.
Objective line
Top-left: mission name, then a gold caps verb and a white target. On-foot list pending.
Floating panel (photo mode)
Same row, slider and focus rules on a smaller floating panel.
Reference pending
Health bar
Steam recording: green bar about 215 x 12 px at x 1649-1864, y 1051-1063, green plus to the right.
Ammo and weapon readout
Steam recording: magazine count about 19 px cap height ending at x 1857, round dots to its left.
Notification toast
No reference yet.
Weapon wheel
No reference yet.
Hold / progress bar
No reference yet.
Dialog and modal
Quit-to-desktop confirmation. No reference yet.
Forge Island mapping
| Forge Island element | Far Cry 5 component | Status | Remaining gap | Card |
|---|---|---|---|---|
Pause and startup menu (IslandPauseMenu.cpp) | Menu list | matched | Main-menu crest is the Forge Island logo (by design). | #631 |
Options screen (IslandSettingsWidget.cpp) | Settings list, section header, prompts | matched (rows, selection, type, prompts) | No right-hand detail panel: rows carry no description text yet. | #632 |
| Key prompts: HUD, map, menus | Key chip / interaction prompt | matched | none | #633 |
| Accent colour | --fc5-accent switch | switchable, ForgeFX orange | Adam decides #634; switching is one line in the CSS. | #634 |
Map screen (IslandMapWidget.cpp) | Top band, footer prompts, resistance meter | matched | Keeps Forge Island's exploration list on the left (FC5 has none); no cash/perk stats in the band. | #635 |
End-screen resistance bar (ForgeIslandHUD.cpp completion) | Resistance meter | not changed | Square knobs remain; switch to hollow rings. | #635 |
| Menu and map type | Typography | matched (Montserrat, Barlow) | HUD Canvas labels still use Slate's default face. | #636 |
| Compass strip | Compass | matched before #637 | Recheck marker distance text after the live capture. | none |
| Mission panel | Objective line | colours from tokens | Reference pending: live capture 18:00 HST. | after capture |
| Health (segmented bar and plus) | Health bar | colours from tokens | Reference pending: live capture 18:00 HST. | after capture |
| Weapon corner | Ammo and weapon readout | colours from tokens | Reference pending: live capture 18:00 HST. | after capture |
| Event banners and toasts | Notification toast | not changed | Reference pending: live capture 18:00 HST. | after capture |