Uilora Editorial
Clean editorial feature section with stats row, accent bars, and geometric illustration.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| features | Array<{title, description, icon, color}> | 4 Uilora features | Array of feature items with title, description, icon, and accent color. |
| title | string | Powerful, seamless component personalization | Section heading text. |
| subtitle | string | Uilora empowers developers... | Section subtitle text. |
| accentColor | string | #E8546A | Primary accent color for heading bar and highlights. |
When to Use
Ideal for editorial-style landing pages, SaaS platforms, and enterprise tools that want a clean, data-driven presentation with stats and structured feature cards.
Best Practices
Use meaningful stats that build trust. Keep the 4-feature grid focused on your core value propositions. The accent bars add visual rhythm — use distinct colors for each.
Why This Component Matters
Editorial layouts convey authority and professionalism. The combination of stats, illustration, and structured features creates a complete narrative that builds trust and drives conversion.
FAQ
QCan I customize the stats?
Stats are currently part of the component's internal layout. You can modify the component source to make them dynamic via props.
QIs the illustration an image?
No, it's built entirely with CSS and HTML elements — no external images needed.
QCan I change the feature accent colors?
Yes, each feature item has its own color property for the accent bar.
Related Components
Uilora Dynamic
Interactive tiered pricing calculator with seat slider, billing toggle, and real-time cost breakdown.
Uilora Cloud Slider
Dark navy 3-plan cloud pricing with per-card sliders, add-on checkboxes, and live price calculation.
Uilora Matrix
Feature comparison matrix with 3 plans, monthly/yearly toggle, Pro spotlight, check/cross icons.