# Back Office — Add-on (Apps) card

1:1 build of **back-office-components-spec.md §2**. Marketplace / apps card, 2 versions.

- **Card:** 224×308px, radius 8px, `#FFFFFF`, border 1px `#E5E5EA`. Children absolutely positioned (Figma-exact).
- **Logo + settings row:** left12 top12, 200×80 — logo tile 80×80 r12 `#F8FAFB` (AKİAB vector, `rgb(58,152,223)`) + settings button 32×32 r8 `#F2F2F7`.
- **Text:** name «AKİAB» (top104, 16/500 `#1D1D1D`), description «Kassa aparatı inteqrasiyası» (top160, 11/400 `#999`), price «Aylıq / 19 ₼» (top223, 14/400 `#2684FF`).
- **Button** (top264, 200×32 r8, gap6):
  - **A · Qoşul** — `#4FA6FF`, plus icon left, 14/500 white.
  - **B · Qoşuldu** — `#00C56A`, check icon left, 14/500 white.

## Notes
- AKİAB mark is a vector (not the real proprietary asset, which is not in the repo) in the exact spec colour `rgb(58,152,223)`.
- Settings button shows a gear icon (spec names it "settings button"); colours are the exact spec §0 tokens.