// Applies Ralphify's official brand colors, typography, and visual style to any artifact — landing pages, slides, diagrams, social graphics. Use when Ralphify's look-and-feel should be applied.
Run the full ralphify release process — analyze changes, update docs, bump version, commit, push, create GitHub release, verify CI, and generate social content. Use when cutting a new release. Optional arg "patch", "minor", or "major" to skip the version bump prompt.
Set up and run autonomous AI coding loops with ralphify — no coding knowledge needed. Handles installation, creation, running, and tweaking.
| name | brand-guidelines |
| description | Applies Ralphify's official brand colors, typography, and visual style to any artifact — landing pages, slides, diagrams, social graphics. Use when Ralphify's look-and-feel should be applied. |
| license | MIT (see project root LICENSE) |
Use these rules when generating any visual artifact (HTML pages, CSS, slides, graphics, diagrams) that should carry the Ralphify brand.
ralph (always lowercase, monospace)while True loop and let it ship."| Name | Hex | Usage |
|---|---|---|
| Purple | #8B6CF0 | Primary brand color, buttons, headers, icons |
| Purple Dark | #7C5CE0 | Hover states, links (light mode) |
| Purple Light | #A78BF5 | Dark-mode accent, hover gradients, dark-mode links |
| Purple Deep | #7C4DFF | Header gradient end |
| Name | Hex | Usage |
|---|---|---|
| Orange | #E06030 | Secondary brand color, gradient endpoints |
| Orange Light | #E87B4A | Tagline gradient end, warm accents |
| Name | Hex | Usage |
|---|---|---|
| White | #FFFFFF | Light-mode backgrounds |
| Slate BG | #1E1E2E | Dark-mode backgrounds (Material Slate) |
| Text Dark | #2E2E3E | Primary body text (light mode) |
| Text Light | #E0E0E0 | Primary body text (dark mode) |
The signature visual is a purple → orange gradient used for hero elements and the tagline:
/* Primary brand gradient */
background: linear-gradient(135deg, #8B6CF0 0%, #E87B4A 100%);
/* Button gradient (purple only) */
background: linear-gradient(135deg, #8B6CF0 0%, #A78BF5 100%);
/* Header bar gradient */
background: linear-gradient(90deg, rgba(139, 108, 240, 0.95) 0%, rgba(124, 77, 255, 0.95) 100%);
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif. Bold weight (600–700)."SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace.translateY(-1px)) + purple glow shadow (box-shadow: 0 4px 12px rgba(139, 108, 240, 0.35)).rgba(139, 108, 240, 0.08)).translateY(-3px)) + soft shadow.rgba(139, 108, 240, 0.15) light, rgba(167, 139, 245, 0.2) dark).rgba(139, 108, 240, 0.08) → rgba(232, 123, 74, 0.06)). Dark mode: solid dark.0.15s ease for buttons, 0.2s ease for cards.When building a landing page for Ralphify, follow this hierarchy:
docs/assets/cli-banner.png — the purple-gradient ASCII art banner used in docs and READMErun icon (for use in nav/favicons)