NIVO Theme for OJS 3.3

NIVO Theme for OJS 3.3

NIVO Theme for OJS 3.3

$900,00

Modern, elegant, and highly customizable design for contemporary academic journals
NIVO is a professionally designed OJS 3.3 theme that brings a fresh, modern aesthetic to your academic journal. With its sophisticated dark mode support, extensive color customization, flexible layout options, and clean card-based design, NIVO provides a premium publishing experience for both readers and authors. Built with accessibility and usability in mind, NIVO ensures your journal looks professional across all devices while maintaining excellent readability and contrast ratios.
Category:

Description

Key Features

Core Design Features

  • Fully compatible with OJS 3.3
  • Complete dark/light mode toggle with WCAG AAA contrast ratios (14.2:1)
  • Dynamic primary color system – customize your brand color throughout the theme
  • Hero section background color – choose custom colors for the homepage hero
  • 5 professional font families to match your journal’s style
  • 3 container width options: 1200px, 1400px, 1600px
  • Responsive design optimized for desktop, tablet, and mobile
  • Modern card-based layout with hover effects and shadows
  • Smooth CSS transitions for professional interactions

Homepage Components

  • Hero section with journal title, description, current issue cover, and quick stats
  • Latest articles grid with responsive columns (4→3→2→1 based on screen size)
  • Journal metrics section – display up to 8 custom metrics with primary color styling
  • Featured article display with context-aware badges
  • Professional sidebar with login, announcements, and quick access blocks
  • Custom Block Manager integration – admin can add custom content blocks
  • Modern article cards with section badges, DOI, pages, views, and primary color accents

Navigation & Header

  • Sticky navigation bar with primary color background
  • Top header bar with ISSN display, search box, social media icons
  • User dropdown menu with profile, submissions, and logout links
  • Professional hamburger menu for mobile devices
  • Multilingual support with language switcher (EN/TR built-in)
  • Search functionality integrated into top bar
  • Social media integration with icon links

Article Display

  • Context-aware article cards with dynamic section coloring
  • Badge system for metadata (section, DOI, pages, views)
  • Clean typography with professional spacing
  • “View Article” CTA buttons in primary color
  • Hover effects with shadow and transform animations
  • Author display with comma-separated formatting
  • Publication info clearly displayed

Article Detail Page

  • Citation format tabs (APA, MLA, Chicago, Vancouver, IEEE, Harvard, Turabian, CSE)
  • Badge bullets for organized metadata display
  • Responsive two-column layout (content + sidebar)
  • Download buttons styled with primary color
  • Author information with clear formatting
  • References section with proper styling
  • Keywords display with professional presentation
  • Sidebar metrics and related content

Archive Page

  • Clean issue list with uniform styling
  • Year-based organization with header dividers
  • Issue covers with responsive images
  • Metadata display (volume, number, year)
  • Context-aware badges in primary color
  • Placeholder covers for issues without images
  • Professional hover states for better UX

Administrative Features

  • Color picker for primary color selection
  • Color picker for hero background color
  • Font family selector with 5 professional options
  • Container width selector (1200px/1400px/1600px)
  • Dark/light mode toggle from admin panel
  • 8 customizable metrics with name and value fields
  • Easy theme activation and configuration
  • Multilingual locale support (EN/TR included)

Sidebar Features

  • Login block with username/password form or logged-in state
  • User actions – View Profile, Dashboard, Logout buttons
  • Announcements block showing recent announcements
  • Quick Access block with submission info, editorial team, reader info, author guidelines
  • Custom Block Manager support – admin-added blocks appear automatically
  • Professional card styling for all blocks
  • Dark mode compatible sidebar elements
  • Non-sticky sidebar for better content accessibility

Dark Mode Excellence

  • Professional dark theme with carefully selected colors
  • WCAG AAA contrast ratios (14.2:1) for maximum readability
  • CSS custom properties for consistent theming
  • Smooth mode transitions without page reload
  • All components dark-mode aware including forms, buttons, cards
  • High contrast text (#e2e8f0 on dark backgrounds)
  • Primary color integration works beautifully in dark mode
  • Toggle accessible from top navigation

Typography & Readability

  • 5 professional font choices:
    • System Font Stack (optimal performance)
    • Inter (modern sans-serif)
    • Lora (elegant serif)
    • Roboto (clean and readable)
    • Open Sans (friendly and open)
  • Proper line heights for comfortable reading
  • Hierarchical headings with clear visual distinction
  • Optimized font sizes for different screen sizes
  • Professional letter spacing on uppercase elements

Footer Design

  • Clean footer layout with social media links
  • Navigation menu integration
  • Copyright information display
  • Contact information support
  • Language switcher in footer
  • Dark mode compatible footer styling
  • Responsive footer layout for mobile

Mobile Optimization

  • Touch-friendly interface elements
  • Hamburger menu with smooth animations
  • Responsive images with proper scaling
  • Mobile-first CSS approach
  • Touch-optimized buttons and links
  • Readable text sizes on small screens
  • Optimized spacing for mobile viewing
  • Fast mobile performance

Custom Block Manager Support

  • Automatic styling for custom blocks
  • Card-based display matching theme aesthetic
  • Title formatting with bottom borders
  • Content typography with proper spacing
  • Image support with responsive sizing
  • Link styling in primary color
  • Dark mode support for custom content
  • Flexible content types (text, HTML, images)

Performance Features

  • LESS compilation for optimized CSS
  • Efficient CSS delivery with minimal overhead
  • Cache-friendly architecture
  • Fast page loads with optimized assets
  • Clean HTML structure for better performance
  • Minimal JavaScript dependency
  • Responsive images with proper sizing

Accessibility Features

  • WCAG AAA compliance in dark mode (14.2:1 contrast)
  • Keyboard navigation support
  • ARIA labels for interactive elements
  • Semantic HTML structure
  • Screen reader friendly layouts
  • Focus indicators for navigation
  • Alt text support for images
  • Accessible forms with proper labels

Localization

  • English (EN) locale included
  • Turkish (TR) locale included
  • Easy translation support for additional languages
  • RTL support ready architecture
  • Date format localization
  • Number format localization
  • Currency support for metrics

Browser Compatibility

  • Modern browsers fully supported (Chrome, Firefox, Safari, Edge)
  • Progressive enhancement approach
  • CSS fallbacks for older browsers
  • Responsive design works across all browsers
  • Cross-platform compatibility

What Makes NIVO Special?

1. Dark Mode Done Right

Unlike many themes that offer basic dark modes, NIVO’s dark mode is designed from the ground up with WCAG AAA contrast ratios (14.2:1), ensuring maximum readability and professional appearance. Every component is dark-mode aware, from article cards to admin panels.

2. True Customization

NIVO doesn’t just offer color options—it provides a complete theming system. Choose your primary color and watch it propagate throughout the entire theme consistently. Select from 5 professional font families. Adjust container width to match your content needs.

3. Modern Card Design

Clean, professional cards with subtle shadows, smooth hover effects, and clear information hierarchy make NIVO stand out. Every card component is carefully designed for optimal readability and visual appeal.

4. Context-Aware Styling

Article cards automatically adapt their styling based on content type, showing appropriate badges and information. The theme understands your content structure and presents it intelligently.

5. Custom Block Freedom

Admin users can add unlimited custom content blocks through OJS’s Custom Block Manager, and NIVO automatically styles them to match the theme. Add index logos, journal metrics, social media, or any custom content—it all looks professional.

6. Performance First

Built with performance in mind, NIVO uses efficient CSS, minimal JavaScript, and optimized asset delivery to ensure fast page loads even on slower connections.

7. Accessibility Commitment

NIVO is committed to accessibility, offering WCAG AAA contrast ratios, keyboard navigation, ARIA labels, and semantic HTML throughout. Your journal is accessible to all readers.

Perfect For

  • Academic journals seeking a modern, professional appearance
  • Institutions wanting consistent branding with custom colors
  • Journals requiring excellent dark mode for reader comfort
  • Multilingual publications with built-in locale support
  • Editors who value easy customization without code
  • Publications prioritizing accessibility and readability
  • Journals wanting mobile-first responsive design

Get Started

NIVO theme is ready to transform your OJS 3.3 journal. Simply install, activate, and customize through the theme options panel. No coding required—just choose your colors, fonts, and settings, and you’re ready to publish.

Professional. Modern. Accessible. That’s NIVO.

Related products

0
    0
    Your Cart
    Your cart is emptyReturn to Shop
    You are close to high quality service.
    Continue Shopping