EPUBREADERLY.COM · DEVELOPMENT BRIEF
Premium About Page Direction
Create a calm, editorial-inspired About Us page for EpubReaderly: an online EPUB reader and digital reading resource.
01 Page purpose and visual direction
Present EpubReaderly as a welcoming place to explore an EPUB reader, understand EPUB files, and find practical digital-reading guidance. The visual language should feel like a premium digital publication: spacious, minimal, book-inspired, and modern.
- Use editorial typography, chapter-number motifs, document outlines, page edges, open-book illustrations, and restrained teal accents.
- Avoid stock photography, product screenshots, dashboards, fictional people, testimonials, statistics, awards, and invented company history.
- Use the official palette: #F5F5F5, #48CFCB, #229799, #424242, plus white surfaces.
02 Required narrative structure
- Premium editorial hero: “Making Digital Reading Easier to Explore.”
- What Is EpubReaderly?
- Our Purpose: helping readers understand and explore EPUB files.
- Why EPUB Matters: accurate, educational EPUB information.
- What You’ll Find on EpubReaderly: reader, features, blog, and FAQs.
- Who EpubReaderly Is For: readers, students, authors, researchers, and publishing learners.
- Our Approach to Digital Reading: a manifesto-style principles section.
- Getting Started: a three-step reader and resources journey.
- Six accessible About FAQs.
- Final dark CTA inviting visitors to open the EPUB reader or contact support.
03 Content and internal destinations
Use natural, publish-ready copy focused on the primary keyword “epub reader” without keyword stuffing. Keep claims factual: describe EPUB generally, and do not imply that every EPUB capability is an EpubReaderly feature.
- EPUB reader:
/ - Features:
/features - Blog:
/blog - FAQs:
/faqs - Contact:
/contact - Support email:
support@epubreaderly.com
04 Composition requirements
Give every section a distinct composition: two-column hero, asymmetric explanatory layout, horizontal principles, educational split layout, resource grid, audience mosaic, numbered manifesto, connected timeline, accordion, and dark CTA.
- Maximum inner width: 1350px.
- Desktop: editorial split layouts and a horizontal three-step timeline.
- Tablet: preserve hierarchy with adaptive columns.
- Mobile: stack split layouts, use a vertical timeline, maintain touch targets, and prevent horizontal overflow.
- Use Boxicons only when implementation is requested.
05 Implementation and accessibility standards
When implementation is requested, provide one self-contained WordPress + Divi + WP Coder snippet with HTML, scoped CSS, and vanilla JavaScript only.
- Scope all styles and scripts to
#epubreaderly-aboutusing uniquely prefixed classes. - Do not recreate the site header or footer, include PHP, or use global CSS selectors.
- Use semantic HTML, one H1, logical heading order, descriptive links, visible focus states, sufficient contrast, and reduced-motion support.
- The FAQ accordion must use semantic buttons with correct
aria-expandedandaria-controls, keyboard support, lightweight transitions, and duplicate-initialization protection.