diff --git a/backend/models/project.js b/backend/models/project.js
index 52fde35..2abdcc5 100644
--- a/backend/models/project.js
+++ b/backend/models/project.js
@@ -19,6 +19,23 @@ module.exports = (sequelize) => {
             name: {
                 type: DataTypes.STRING,
                 allowNull: false,
+                validate: {
+                    notEmpty: {
+                        msg: 'Project name is required',
+                    },
+                    wordCount(value) {
+                        const MAX_WORDS = 6;
+                        const wordCount = value
+                            .trim()
+                            .split(/\s+/)
+                            .filter((word) => word.length > 0).length;
+                        if (wordCount > MAX_WORDS) {
+                            throw new Error(
+                                `Project name must be ${MAX_WORDS} words or less`
+                            );
+                        }
+                    },
+                },
             },
             description: {
                 type: DataTypes.TEXT,
diff --git a/frontend/components/Project/ProjectBanner.tsx b/frontend/components/Project/ProjectBanner.tsx
index 3211620..03d1f0c 100644
--- a/frontend/components/Project/ProjectBanner.tsx
+++ b/frontend/components/Project/ProjectBanner.tsx
@@ -45,6 +45,23 @@ const ProjectBanner: React.FC<ProjectBannerProps> = ({
 
     return (
         <div className="w-full">
+            <style>{`
+                .project-banner-name {
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 2;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    line-height: 1.3;
+                }
+                .project-banner-desc {
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 2;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            `}</style>
             <div className="mb-6 overflow-hidden relative group">
                 {project.image_url ? (
                     <img
@@ -63,12 +80,12 @@ const ProjectBanner: React.FC<ProjectBannerProps> = ({
                 )}
 
                 <div className="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
-                    <div className="text-center px-4">
-                        <h1 className="text-4xl md:text-5xl font-bold text-white drop-shadow-lg">
+                    <div className="text-center px-4 w-full max-w-5xl">
+                        <h1 className="text-4xl md:text-5xl font-bold text-white drop-shadow-lg project-banner-name">
                             {project.name}
                         </h1>
                         {project.description && (
-                            <p className="text-lg md:text-xl text-white/90 mt-2 font-light drop-shadow-md max-w-2xl mx-auto">
+                            <p className="text-lg md:text-xl text-white/90 mt-2 font-light drop-shadow-md max-w-2xl mx-auto project-banner-desc">
                                 {project.description}
                             </p>
                         )}
diff --git a/frontend/components/Project/ProjectModal.tsx b/frontend/components/Project/ProjectModal.tsx
index ca8da87..ee7d554 100644
--- a/frontend/components/Project/ProjectModal.tsx
+++ b/frontend/components/Project/ProjectModal.tsx
@@ -268,6 +268,21 @@ const ProjectModal: React.FC<ProjectModalProps> = ({
             return;
         }
 
+        const MAX_WORDS = 6;
+        const wordCount = formData.name
+            .trim()
+            .split(/\s+/)
+            .filter((word) => word.length > 0).length;
+        if (wordCount > MAX_WORDS) {
+            setError(
+                t(
+                    'errors.projectNameTooLong',
+                    `Project name must be ${MAX_WORDS} words or less`
+                )
+            );
+            return;
+        }
+
         setIsSaving(true);
         try {
             // Add new tags to the global store
diff --git a/frontend/styles/tailwind.css b/frontend/styles/tailwind.css
index a3e0e2c..538d335 100644
--- a/frontend/styles/tailwind.css
+++ b/frontend/styles/tailwind.css
@@ -170,6 +170,21 @@ select:focus {
   display: none; /* Chrome/Safari */
 }
 
+/* Project name and description line clamp */
+.project-name-clamp {
+  display: -webkit-box !important;
+  -webkit-box-orient: vertical !important;
+  -webkit-line-clamp: 3 !important;
+  overflow: hidden !important;
+}
+
+.project-desc-clamp {
+  display: -webkit-box !important;
+  -webkit-box-orient: vertical !important;
+  -webkit-line-clamp: 2 !important;
+  overflow: hidden !important;
+}
+
 @layer utilities {
   .line-clamp-1,
   .line-clamp-2,