Apple Newsroom

Reference it for

• The white-card-on-light-grey news-list pattern (24-32px radius, no border, no shadow) — the canonical editorial card primitive.
• Apple's globalnav animation system — 21 named keyframes with globalnav- prefix, two signature curves (cubic-bezier(0.4, 0, 0.25, 1) for transforms, cubic-bezier(0.4, 0, 0.6, 1) for opacity). Worth studying as the gold-standard nav animation.
• #f5f5f7 page background as the warm-neutral wash between cards — softer than #fff, sharper than #eee.
• #1d1d1f text colour (warm near-black, not pure #000) — Apple's signature text colour, more legible at scale.
• #0066cc Apple blue for links — high-contrast and instantly recognisable.
• A + glyph in a circular hit-area as the "read more" affordance — denser than "Read more →" arrows, more universal than localised text labels.
• SF Pro Text + SF Pro Display for any content with editorial typography (NOTE: SF Pro is Apple-licensed and only usable on Apple platforms — substitute with Inter or system-ui on other clients).
• 1024px content cap with 980px inner — narrow enough to keep editorial reading width comfortable.

Do not copy

• SF Pro — licensed for use on Apple platforms only. Substitute with Inter (free, near-identical metrics), system-ui (free, native), or SFR (paid alternative).
• The exact #f5f5f7 page background — strongly Apple-coded. Pick a different warm-neutral.
• The global nav strip wholesale — it has to be re-engineered for any non-Apple brand. Borrow the *animation pattern*, not the literal nav.
• 107 @font-face declarations. Apple ships SF Pro across many weights and subsets; most Jiffi builds ship 4-6.
• The +-in-circle affordance on brands where it doesn't read as "expand" — works on Apple because users are conditioned to the iOS UI vocabulary.
• 13 stylesheets + 11 fonts + 14 scripts — Apple's enterprise-grade chrome. A Jiffi rebuild should ship far fewer.