Kent — real-iOS preview

Real iOS Simulator renders (real iOS engine — pixel-true fonts, shadows, color). This build applies Clare's three asks: (1) the header Kent logo is now a TRANSPARENT full-color mark exported from Figma — no white box, on the glass bar app-wide; (2) the PDP size/pack selector is now REAL tappable SWATCHES (all options + selected + out-of-stock states); (3) an example PDP for a different product class (a Tool — Spot Weld Remover Drill Bit — not a Fastener), self-hosted real images, real specs. Everything else is unchanged (surgical).

updated 2026-07-10 2:30 PM EDT

1 · Header logo — transparent, app-wide

The full-color Kent logo (Figma node 1-24) exported with a TRANSPARENT background — the frosted glass bar shows through the gaps, no white box. Same asset on every logo screen (Home, Shop). Proven transparent in light AND dark below.

Transparent logo — HomeFull-color mark centered on the light glass bar; content scrolls under the frost. No white box.
Kent Home — transparent full-color logo on the glass header (real iOS render)
Transparent logo — ShopSame transparent logo; the 10 real product classes (incl. Tools) list below.
Kent Shop — transparent logo + real product classes (real iOS render)
Transparent proof — dark modeOn the DARK glass bar the logo has no white box — the dark bar shows through the gaps (this is the unambiguous transparency proof).
Kent Home dark mode — logo transparent on dark glass, no white box (real iOS render)

2 · PDP swatches — now REAL & tappable

The size/pack selector is now real swatch buttons (resolving the earlier mockup hold). Every option shows its label + pack + price; the current SKU is the selected (navy) chip; login-gated siblings show "Sign in for pricing" (Kent B2B pricing is login-gated — never a made-up number); an out-of-stock option shows the dashed / struck / "Out of stock" state. Tapping an in-stock sibling opens its PDP.

Tool PDP — full swatch grid5 real Spot-Weld-Remover sizes: 5/16" HSS selected ($47.37), three "Sign in for pricing", and 5/16" Cobalt out-of-stock (dashed).
Kent PDP size/material swatches — selected, login-gated, and out-of-stock states (real iOS render)
Fastener PDP — diameter swatchesThe existing rivet PDP now has swatches too: 5/32" selected ($26.32), 3/16" ($36.67), and a 3/16" out-of-stock ($40.43 struck). Real diameter family.
Kent Fastener PDP diameter swatches — selected + out-of-stock (real iOS render)

3 · Cross-category PDP — a Tool, not a Fastener

An example PDP for a different product class so you can see how the template holds up beyond Fasteners: item 54455, Spot Weld Remover Drill Bit (Tools › Cutting Tools). Real captured price ($47.37), real self-hosted Kent-CDN images, real 12-row spec table, real family rails.

Tool PDP — topReal drill-bit gallery image, real title, real $47.37 price, glass header. Same template as the Fastener PDP.
Kent Tool PDP top — gallery, title, price (real iOS render)
Tool PDP — real spec table12 real captured specs (Type: Spot Weld Drill Bit, Material: HSS, Diameter 5/16", Flute: Spiral, UNSPSC, TAA, weight).
Kent Tool PDP technical specifications — real captured rows (real iOS render)
Tool PDP — family rails + categoriesReal "Suggested products" (sibling drill bits w/ real images) and "Similar categories" chips. Template holds up for a Tool.
Kent Tool PDP suggested products + similar categories (real iOS render)

Prior shots (for reference)

PDP — prior full page 1/2
Kent PDP prior render 1
PDP — prior full page 2/2
Kent PDP prior render 2
Fasteners PLP — prior
Kent Fasteners PLP prior render
Tools PLP — prior
Kent Tools PLP prior render