Branded Document Icons Grid
A grid of document icons, each labeled and linked to a file like a resume or portfolio PDF. Use it to offer several downloads in one branded section.
A grid of document icons, each labeled and linked to a file like a resume or portfolio PDF. Use it to offer several downloads in one branded section.
Search blocks by description or jump to a page.
Branded Document Icons Grid opens with a centered heading and a short subtitle, then lays out up to six cards in a responsive three column grid. Each card has a full width color band at the top containing a large file type icon, followed by a title, a one line description, a file type and size label, and a ghost download button. Below the grid sits a fallback row with a short prompt and an outlined button for requesting a custom document.
Every card is independent, so you can add, remove, or reorder documents without affecting the others. The icon color band is set per card, giving each file its own visual identity. The heading, subtitle, fallback prompt, and button label are all plain copy you can rewrite freely.
Reach for this block when you need to present several distinct files at once and want each one to feel distinct rather than listed in plain text. It suits a hiring page for a healthcare scheduling product where a recruiter might want to pull a clinical resume, a case study PDF, and a rates document in a single visit. It outperforms a plain bulleted list because the color coded icons help visitors spot the file they need quickly, and the file size label sets expectations before the download starts.
A natural flow around it on a Portfolio page:
Before
After
The block suits any collection of professional files you want a visitor to grab in one place. A few concrete fits:
Tip: keep the grid to six cards or fewer so the color bands stay visually distinct and the section does not feel like a file browser.