NTT DATA theme

This project is not covered by Drupal’s security advisory policy.

The NTT DATA theme is built on the principles of Atomic Design methodology by Brad Frost, structuring components into atoms, molecules, organisms, templates, and pages.
This approach ensures a scalable and maintainable design system, enhancing the development process with reusable components.

Animation demonstration

Key features of the NTT DATA theme include:

  • Accessibility and Usability: Committed to inclusive solutions, the theme ensures compliance with accessibility guidelines, offering an intuitive, responsive interface with clear user feedback.
  • Single Directory Components (SDC): Used to create components by grouping all necessary files (Twig, YAML, CSS, JS) in a single directory, simplifying management, enhancing maintainability, and integrating seamlessly with Atomic Design principles.
  • SDC Display: A complementary module that allows you to configure which component an individual field uses or determine the component for a given view mode, providing flexible and precise control over content presentation.
  • Performance Optimization: Includes minified files, caching, and asynchronous resource loading for optimal performance.
  • Reusability: Comes with a variety of reusable components, accelerating development while maintaining high accessibility standards.

[!IMPORTANT] - Installation

For Drupal 11 projects, since the theme depends on the sdc_display module which is not yet available for Drupal 11,
you need to run a few commands and enable the patches before installing the theme.

Steps to Follow:

  • Install lenient
    • You can find more information about lenient here.
    • Run the following command to install lenient:
composer require mglaman/composer-drupal-lenient
  • Add modules that are not in Drupal 11
    • Run the following command to add the necessary modules:
    composer config --merge --json extra.drupal-lenient.allowed-list '["drupal/sdc_display", "drupal/nomarkup", "drupal/cl_editorial", "drupal/sdc_tags", "drupal/nomarkup"]
  • Install patches
    • Install Composer patches by running the following command:
    composer require cweagans/composer-patches
  • Copy the patch lines from the theme’s composer.json to your project's composer.json.
  • Copy the patches folder from inside the theme to the root of your project.
  • Install the patches as necessary.

  • Configuration:
    The theme requires these modules: CKEditor 5, Block Content, Configuration Manager, Media, Media Library, Taxonomy, Single Directory Components, SDC Display, Field Group, Paragraphs, No Markup.

    Planned Functionality:

    • Continuous Improvement: Focused on creating more components and improving the theme to ensure it remains flexible, and up-to-date with the latest design and development standards.
    • Providing flexibility in visual design and branding.
    • Integration with social media module.

    This theme reflects our dedication to providing excellent, unique, and accessible experiences for all users, forming a robust foundation for Drupal projects.

    Supporting organizations: 

    Project information

    • Created by joao silva on , updated
    • shield alertThis project is not covered by the security advisory policy.
      Use at your own risk! It may have publicly disclosed vulnerabilities.

    Releases