# Redbud Iconography ## Icon Library **Lucide Icons** — minimalist, stroke-based icons on a 24px grid with uniform stroke weight. The clean line aesthetic matches Redbud's "sophisticated but approachable" brand voice. Browse the full set at [lucide.dev](https://lucide.dev). Custom icons (when Lucide doesn't have what we need) must match Lucide's conventions: 24×24 viewBox, stroke-width 2, round caps and joins, no fills. --- ## Icon-to-Concept Mapping ### Service Lines | Icon | Concept | |------|---------| | Crown | Strategy | | BarChart3 | Reporting | | TrendingUp | Portfolio Management | ### Redbud Advantage (8 Differentiators) | Icon | Concept | |------|---------| | Route | True Decision Partner | | Layers | Integrated Financial Architecture | | LayoutDashboard | The Decision Engine | | Handshake | High-Fidelity Advisory | | Puzzle | Designed for Complexity | | ShieldCheck | Advice Without Conflicts | | SlidersHorizontal | Controllable Value | | Calculator | Tax-First Portfolio Utility | ### Values | Icon | Concept | |------|---------| | CircleUser | Client First | | Home | Family-Focused | | Compass | Pioneers | ### Statistics | Icon | Concept | |------|---------| | Users | UHNW Families | | Landmark | Trusts & Entities | | Pumpjack (custom) | Private Investments | | TrendingUp | Assets Under Advisement | | Receipt | Transactions | ### Credentials & Trust | Icon | Concept | |------|---------| | ShieldCheck | Fiduciary | | Award | CFA, CFP, CPA (team credentials) | | Star | Texas Roots (founded in Austin, Texas) | ### Contact & Utility | Icon | Concept | |------|---------| | MapPin | Address / location | | Phone | Phone number | | Mail | Email | ### Available but Unused | Icon | Notes | |------|-------| | DollarSign | Replaced by ShieldCheck for fee/conflict messaging | | BadgeDollarSign | Previously used for "Flat Fees" credential; replaced by Star for Texas Roots | | Trophy | Reserved ("Winners Only" value, not yet active) | | Calendar | Available for scheduling contexts | | Building | Available for office/firm contexts | --- ## Custom Icons - **Pumpjack** — Custom SVG for private investments (oil & gas). Matches Lucide conventions (24×24, stroke-width 2, round caps/joins). Source: `website/src/components/icons/Pumpjack.astro` --- ## Styling Rules - **Navy** (`#0d1936`) is the default on light grounds. - **Red** (`#d04724`) for one emphasis icon on a page, and not near figures — see Color Usage in `brand guidelines.md`. - **Slate** (`#505561`) for a secondary icon. - **Cream-on-Dark** (`#f8f1e3`) on Navy and Night. - **Sizes:** `w-8 h-8` (32px) for feature/section icons · `w-6 h-6` (24px) for stats and list items · `w-4 h-4` (16px) for inline/contact details - **Placement:** Above or left of associated heading; centered in card grids - **Style:** Bare stroke icons only — no fills, no backgrounds, no circles --- ## Selecting New Icons 1. Pick from Lucide first to maintain visual consistency 2. If Lucide doesn't have a fit, create a custom SVG matching Lucide conventions (24×24 viewBox, stroke-width 2, round caps/joins, no fills) 3. Prefer single-concept, recognizable metaphors — avoid abstract or overly literal icons 4. Check the mapping above before choosing — reuse existing icon-concept pairings where the concept overlaps