Search Results for lab
Explore AI generated designs, images, art and prompts by top community artists and designers.
"Portada de libro hiperrealista estilo cinematográfico. En primer plano , la mano derecha de un hombre con un reloj de pulsera elegante (estilo Rolex clásico) sostiene un revólver cromado que apunta hacia la izquierda. De la punta del arma sale un cerebro humano realista , perforado por una bala con forma de lápiz labial rojo intenso (textura metálica brillante). La bala-lápiz labial es disparada desde otro revólver opuesto , sostenido por una mano femenina con uñas esmaltadas en rojo oscuro y anillos delicados. El cerebro se derrite parcialmente , con gotas de cera o líquido surrealista que caen en cámara lenta. Fondo oscuro con claroscuros dramáticos , iluminación tenue que resalta los detalles del metal , las gotas y las texturas de piel. Estilo inspirado en fotografía de alta gama y surrealismo de David Lynch , con colores fríos (azules , plateados) contrastando con el rojo vibrante del lápiz labial y el cerebro." Mejoras clave: Contexto artístico: Añadí referencias de estilo ("cinematográfico" , "David Lynch") para guiar la estética. Detalles sensoriales: Texturas (metal cromado , uñas esmaltadas , cerebro "derritiéndose") y colores contrastantes. Claridad en composición: Posición de las manos y armas descrita de forma lógica (izquierda/derecha). Realismo aumentado: Elementos como el reloj , anillos y gotas líquidas refuerzan la verosimilitud. Tono narrativo: Sugiere una historia de conflicto entre géneros (lo masculino vs. lo femenino). Nota para IA de imágenes (DALL·E , MidJourney , etc.): Usa términos como *"hyper-detailed 8K" , "studio lighting" , "macro lens"* para mayor realismo. Si la plataforma lo permite , añade pesos: "revólver cromado::1.5 vs. lápiz labial::2" para priorizar elementos. ,
"Portada de libro hiperrealista estilo cinematográfico. En primer plano , la mano derecha de un hombre con un reloj de pulsera elegante (estilo Rolex clásico) sostiene un revólver cromado que apunta hacia la izquierda. De la punta del arma sale un cerebro humano realista , perforado por una bala con forma de lápiz labial rojo intenso (textura metálica brillante). La bala-lápiz labial es disparada desde otro revólver opuesto , sostenido por una mano femenina con uñas esmaltadas en rojo oscuro y anillos delicados. El cerebro se derrite parcialmente , con gotas de cera o líquido surrealista que caen en cámara lenta. Fondo oscuro con claroscuros dramáticos , iluminación tenue que resalta los detalles del metal , las gotas y las texturas de piel. Estilo inspirado en fotografía de alta gama y surrealismo de David Lynch , con colores fríos (azules , plateados) contrastando con el rojo vibrante del lápiz labial y el cerebro." Mejoras clave: Contexto artístico: Añadí referencias de estilo ("cinematográfico" , "David Lynch") para guiar la estética. Detalles sensoriales: Texturas (metal cromado , uñas esmaltadas , cerebro "derritiéndose") y colores contrastantes. Claridad en composición: Posición de las manos y armas descrita de forma lógica (izquierda/derecha). Realismo aumentado: Elementos como el reloj , anillos y gotas líquidas refuerzan la verosimilitud. Tono narrativo: Sugiere una historia de conflicto entre géneros (lo masculino vs. lo femenino). Nota para IA de imágenes (DALL·E , MidJourney , etc.): Usa términos como *"hyper-detailed 8K" , "studio lighting" , "macro lens"* para mayor realismo. Si la plataforma lo permite , añade pesos: "revólver cromado::1.5 vs. lápiz labial::2" para priorizar elementos. ,
A highly detailed illustration of an angry , soaked cat with an extremely dramatic and exaggerated facial expression (mouth open , furious eyes). The cat's fur is dripping wet , styled with dominant colors like warm beige , light cream , soft browns , and subtle accents of muted teal (blue-green) and olive green. The background is an intense but controlled explosion of colors featuring warm yellow , soft ochre , burnt orange , and muted pastel rays emanating behind the cat. The scene is dynamic with comic-style motion lines and floating soft-blue water bubbles around the cat , along with a few subtle educational symbols like a DNA helix and molecule icons blending into the background. The cat is the absolute center of attention , perfectly lit with warm , soft cinematic lighting that creates a cozy documentary feel. The style should be colorful but not neon — focusing on earth tones and pastel highlights to maintain a warm , professional vibe. The atmosphere is humorous but polished , balancing energy and clarity. Additional text element on the image: bold , friendly font saying "¿POR QUÉ ODIA EL AGUA?" in warm white with a subtle brownish outline , positioned at the top or top-left for balance. A small educational badge in one corner that says "Ciencia Felina 🧪" in soft pastel tones. Style notes: Gato o gatito protagonista con expresiones humanas exageradas (curioso , asustado , confundido , pensativo , etc.) Elementos gráficos integrados (pizarras , esquemas , íconos , símbolos) Fondo ambientado como estudio , aula , laboratorio o sala de investigación cálida Iluminación suave y cálida con contraste moderado (estilo cinematográfico , estudio , o documental animado) Tonalidades dominantes: marrones suaves , verdes cálidos , azul petróleo , beige , ocres Toque de humor o exageración visual sin perder calidad Composición clara con un foco narrativo fuerte (que el gato siempre sea el centro de atención) ,
Un diseño de texto oscuro con temática de horror que presenta la palabra "TRANSTORNADO" en una sola línea. La letra "O" es reemplazada por un ojo humano realista , inyectado en sangre , incrustado dentro de letras metálicas y deterioradas. La escena tiene una atmósfera siniestra y sucia , con salpicaduras de sangre y un fondo industrial frío. vista frontal ,
Hyper-detailed scene in 4K. The moss-lined path winds towards the outskirts of town , where buildings grow organically from living wood and crystalline structures. Two vanir women greet the newcomer: one , with deep bronze skin and tight hair , wears an emerald-green sheer bodysuit with strategic leaf appliques that reveal toned thighs and plunging cleavage; the other , with alabaster skin and silver hair , is dressed in a translucent split skirt and high headband woven with gold threads. Both wear delicate solar jewelry , body chains and anklets with tiny bells. Their smiles are warm , their eyes sparkle with welcome and they offer luminous fruit in their open palms. ,
DISEÑO GENERAL La imagen es un logotipo tipo emblema con un estilo vintage o retro , que recuerda a etiquetas clásicas de pesca o cerveza artesanal. Tiene forma circular con elementos que se proyectan fuera del círculo para dar una sensación más elaborada y equilibrada visualmente. Predomina una ilustración central de una carpa (pez) en estilo grabado , con líneas de sombreado y texturas para simular un diseño artesanal. 📝 TEXTO Y TIPOGRAFÍA 1. "BROTHERS" (parte superior) Ubicación: parte superior del emblema , curvado siguiendo el borde del círculo. Tipografía: estilo serifado , gruesa y con textura desgastada para dar un look rústico. Color: blanco con sombreado negro para profundidad. 2. "CARP" (centro del logo) Tipografía aún más grande y llamativa , en el centro. También en estilo serif , robusta , con aspecto tridimensional gracias al sombreado. Color: marfil claro sobre fondo oscuro con detalles en marrón. 3. "RAFA GARCIA & ADRIAN GARCIA" (parte inferior del círculo) Texto curvado siguiendo la base del círculo. Sans serif , clara y moderna. Color: blanco puro para contraste y legibilidad. 4. "RAFA GARCIA" y "ADRIAN GARCIA" (esquinas inferior izquierda y derecha) Ubicación: fuera del círculo , alineados verticalmente. Tipografía sans serif , en mayúsculas. Color: negro o gris oscuro. 5. Detalles menores Tipografía pequeña , sans serif comprimida. Todos estos pequeños textos están diseñados para imitar sellos o etiquetas técnicas antiguas. 🎨 COLORES Paleta de colores apagados , estilo vintage: Marrón oscuro y beige para el fondo y elementos del banner. Marfil / blanco envejecido para los textos principales. Negro para detalles y contornos. Tonos verdes y grisáceos de fondo para generar profundidad sin distraer del texto central. El pez tiene un degradado entre marrón oscuro y beige , imitando ilustraciones de grabado o xilografía. 🎣 ELEMENTOS GRÁFICOS Carpa central: en el centro , con texturas detalladas , líneas de sombreado , escamas bien definidas. 2 anzuelos: uno a cada lado del círculo , colgando hacia abajo , para reforzar la temática de pesca. Cinta/banner: cruzando la parte inferior del pez , donde aparece el texto "CARP". Sombras y contornos: usados sutilmente para dar un efecto tridimensional y profundidad. ,
QDISEÑO GENERAL La imagen es un logotipo tipo emblema con un estilo vintage o retro , que recuerda a etiquetas clásicas de pesca o cerveza artesanal. Tiene forma circular con elementos que se proyectan fuera del círculo para dar una sensación más elaborada y equilibrada visualmente. Predomina una ilustración central de una carpa (pez) en estilo grabado , con líneas de sombreado y texturas para simular un diseño artesanal. 📝 TEXTO Y TIPOGRAFÍA 1. "BROTHERS" (parte superior) Ubicación: parte superior del emblema , curvado siguiendo el borde del círculo. Tipografía: estilo serifado , gruesa y con textura desgastada para dar un look rústico. Color: blanco con sombreado negro para profundidad. 2. "CARP" (centro del logo) Tipografía aún más grande y llamativa , en el centro. También en estilo serif , robusta , con aspecto tridimensional gracias al sombreado. Color: marfil claro sobre fondo oscuro con detalles en marrón. 3. "RAFA GARCIA & ADRIAN GARCIA" (parte inferior del círculo) Texto curvado siguiendo la base del círculo. Sans serif , clara y moderna. Color: blanco puro para contraste y legibilidad. 4. "RAFA GARCIA" y "ADRIAN GARCIA" (esquinas inferior izquierda y derecha) Ubicación: fuera del círculo , alineados verticalmente. Tipografía sans serif , en mayúsculas. Color: negro o gris oscuro. 5. Detalles menores Tipografía pequeña , sans serif comprimida. Todos estos pequeños textos están diseñados para imitar sellos o etiquetas técnicas antiguas. 🎨 COLORES Paleta de colores apagados , estilo vintage: Marrón oscuro y beige para el fondo y elementos del banner. Marfil / blanco envejecido para los textos principales. Negro para detalles y contornos. Tonos verdes y grisáceos de fondo para generar profundidad sin distraer del texto central. El pez tiene un degradado entre marrón oscuro y beige , imitando ilustraciones de grabado o xilografía. 🎣 ELEMENTOS GRÁFICOS Carpa central: en el centro , con texturas detalladas , líneas de sombreado , escamas bien definidas. 2 anzuelos: uno a cada lado del círculo , colgando hacia abajo , para reforzar la temática de pesca. Cinta/banner: cruzando la parte inferior del pez , donde aparece el texto "CARP". Sombras y contornos: usados sutilmente para dar un efecto tridimensional y profundidad. ,
QDISEÑO GENERAL La imagen es un logotipo tipo emblema con un estilo vintage o retro , que recuerda a etiquetas clásicas de pesca o cerveza artesanal. Tiene forma circular con elementos que se proyectan fuera del círculo para dar una sensación más elaborada y equilibrada visualmente. Predomina una ilustración central de una carpa (pez) en estilo grabado , con líneas de sombreado y texturas para simular un diseño artesanal. 📝 TEXTO Y TIPOGRAFÍA 1. "BROTHERS" (parte superior) Ubicación: parte superior del emblema , curvado siguiendo el borde del círculo. Tipografía: estilo serifado , gruesa y con textura desgastada para dar un look rústico. Color: blanco con sombreado negro para profundidad. 2. "CARP" (centro del logo) Tipografía aún más grande y llamativa , en el centro. También en estilo serif , robusta , con aspecto tridimensional gracias al sombreado. Color: marfil claro sobre fondo oscuro con detalles en marrón. 3. "RAFA GARCIA & ADRIAN GARCIA" (parte inferior del círculo) Texto curvado siguiendo la base del círculo. Sans serif , clara y moderna. Color: blanco puro para contraste y legibilidad. 4. "RAFA GARCIA" y "ADRIAN GARCIA" (esquinas inferior izquierda y derecha) Ubicación: fuera del círculo , alineados verticalmente. Tipografía sans serif , en mayúsculas. Color: negro o gris oscuro. 5. Detalles menores Tipografía pequeña , sans serif comprimida. Todos estos pequeños textos están diseñados para imitar sellos o etiquetas técnicas antiguas. 🎨 COLORES Paleta de colores apagados , estilo vintage: Marrón oscuro y beige para el fondo y elementos del banner. Marfil / blanco envejecido para los textos principales. Negro para detalles y contornos. Tonos verdes y grisáceos de fondo para generar profundidad sin distraer del texto central. El pez tiene un degradado entre marrón oscuro y beige , imitando ilustraciones de grabado o xilografía. 🎣 ELEMENTOS GRÁFICOS Carpa central: en el centro , con texturas detalladas , líneas de sombreado , escamas bien definidas. 2 anzuelos: uno a cada lado del círculo , colgando hacia abajo , para reforzar la temática de pesca. Cinta/banner: cruzando la parte inferior del pez , donde aparece el texto "CARP". Sombras y contornos: usados sutilmente para dar un efecto tridimensional y profundidad. ,
Imagen de estilo fotográfico realista de arriba hacia abajo de una joven mujer maya con un elaborado peinado de uso habitual , adornado con sutiles adornos para el cabello. Está sentada apaciblemente en una mecedora ubicada en un balcon con la piramide de kukulkan de fondo en un atardecer. Está vestida con ropa típica maya , colorida y atractiva , con los hombros al descubierto. Su rostro muestra una expresión inexpresiva , confusa , con ojos desenfocados. La luz suave y difusa se filtra en el balcon. Alta resolución , texturas detalladas , poca profundidad de campo para enfocar a la mujer. , ,
Strategic game render of a futuristic settlement in a dry , brown industrial zone. Blue prefab buildings labeled with white serial numbers form living quarters. Tall lamp posts cast industrial yellow lighting , while a suspended monorail system glows in the distance. The ground is dusty , and there's visible mining equipment , storage tanks , and stacked cargo containers. ,
Strategic game render of a futuristic settlement in a dry , brown industrial zone. Blue prefab buildings labeled with white serial numbers form living quarters. Tall lamp posts cast industrial yellow lighting , while a suspended monorail system glows in the distance. The ground is dusty , and there's visible mining equipment , storage tanks , and stacked cargo containers. ,
Strategic game render of a futuristic settlement in a dry , brown industrial zone. Blue prefab buildings labeled with white serial numbers form living quarters. Tall lamp posts cast industrial yellow lighting , while a suspended monorail system glows in the distance. The ground is dusty , and there's visible mining equipment , storage tanks , and stacked cargo containers. ,
A highly detailed render resembling a screenshot from a futuristic city-building strategy game set in a cold tundra or desolate wasteland. Modular blue habitation blocks with glowing yellow windows form organized rows , each labeled with serial numbers. The terrain is dry , cracked or frozen soil , with sparse vegetation and patches of dirt or frost. Industrial lighting poles cast soft orange glows across paved roads and infrastructure. People in workwear move between buildings , operating mining rigs , walking along platforms , or loading containers. In the distance , an elevated monorail track carries cargo shuttles past a larger logistics area with stacked crates , silos , and blocky warehouses. The style is semi-realistic , low-saturation , with game-like clarity — reminiscent of real-time city simulators or dystopian RTS games. ,
Strategic game render of a futuristic settlement in a dry , brown industrial zone. Blue prefab buildings labeled with white serial numbers form living quarters. Tall lamp posts cast industrial yellow lighting , while a suspended monorail system glows in the distance. The ground is dusty , and there's visible mining equipment , storage tanks , and stacked cargo containers. ,
A highly detailed render resembling a screenshot from a futuristic city-building strategy game set in a cold tundra or desolate wasteland. Modular blue habitation blocks with glowing yellow windows form organized rows , each labeled with serial numbers. The terrain is dry , cracked or frozen soil , with sparse vegetation and patches of dirt or frost. Industrial lighting poles cast soft orange glows across paved roads and infrastructure. People in workwear move between buildings , operating mining rigs , walking along platforms , or loading containers. In the distance , an elevated monorail track carries cargo shuttles past a larger logistics area with stacked crates , silos , and blocky warehouses. The style is semi-realistic , low-saturation , with game-like clarity — reminiscent of real-time city simulators or dystopian RTS games. ,
A highly detailed render resembling a screenshot from a futuristic city-building strategy game set in a cold tundra or desolate wasteland. Modular blue habitation blocks with glowing yellow windows form organized rows , each labeled with serial numbers. The terrain is dry , cracked or frozen soil , with sparse vegetation and patches of dirt or frost. Industrial lighting poles cast soft orange glows across paved roads and infrastructure. People in workwear move between buildings , operating mining rigs , walking along platforms , or loading containers. In the distance , an elevated monorail track carries cargo shuttles past a larger logistics area with stacked crates , silos , and blocky warehouses. The style is semi-realistic , low-saturation , with game-like clarity — reminiscent of real-time city simulators or dystopian RTS games. ,
Create realistic digital illustration of Dr. Emmett Brown (inspired by Christopher Lloyd) delivering message about Xerox future. Realistic facial details , textured lab coat , spiky hair. Detailed DeLorean , subtle light/energy. Modern tech background. Dr. Brown focal point , balanced composition. Style: realistic digital illustration , vibrant colors , professional finish. Optional: Xerox logo , phrase integrated into design. ,
Modo diseñador especialista , hiperrealista , detallado , modo cinematográfico , terrorífico o de terror , impactante , imagen centrada , sin recortes , formato PNG , vista frontal. Prompt en español: Una ilustración digital hiperrealista y cinematográfica de la palabra “ZOMBIE” , con letras de textura orgánica como si estuvieran hechas de carne putrefacta. Cada letra debe estar claramente escrita y bien formada , sin errores de ortografía. Alrededor y a través de las letras , debe haber elementos de terror como gusanos , ojos , vísceras o tripas , que atraviesan o rodean las letras sin cubrirlas completamente. Las letras deben tener colores que contrasten con los elementos añadidos (por ejemplo , letras en tonos verdosos/rojizos y complementos en colores más oscuros o brillantes) , manteniendo un aspecto grotesco , aterrador y detallado. La “E” debe estar bien definida. Fondo blanco para facilitar limpieza posterior. Sin incluir personajes secundarios ocultos entre las letras ni otros elementos que distraigan de la palabra principal. ,
"A satirical political cartoon in the style of 19th-century editorial illustrations. The scene takes place in an ornate hall with marble floors and red velvet curtains. A tall , dark-haired man with a well-groomed beard , wearing a green hunting jacket and riding boots , stands with a proud , exaggerated heroic pose , arms crossed and chin high. Kneeling before him is a clean-shaven man with swept-back dark hair , dressed in a sharp navy-blue suit , who is dramatically kissing the other man's boots while holding a scroll labeled 'Pacto' in one hand. The expressions are theatrical — the bearded man looks smug and confident , while the man in the suit appears overly reverent. Behind them hangs a large , crooked painting ,
"A satirical political cartoon in the style of 19th-century editorial illustrations. The scene takes place in an ornate hall with marble floors and red velvet curtains. A tall , dark-haired man with a well-groomed beard , wearing a green hunting jacket and riding boots , stands with a proud , exaggerated heroic pose , arms crossed and chin high. Kneeling before him is a clean-shaven man with swept-back dark hair , dressed in a sharp navy-blue suit , who is dramatically kissing the other man's boots while holding a scroll labeled 'Pacto' in one hand. The expressions are theatrical — the bearded man looks smug and confident , while the man in the suit appears overly reverent. Behind them hangs a large , crooked painting ,
# Employee Growth ## 1. Introduction This document outlines the UI/UX requirements for a website that monitors employee growth in software engineering companies. The platform will enable employees to track their competencies , team leaders to manage their team’s development , and SuperAdmins to oversee competency standards and book recommendations. ### **Target Audience** - **Employees**: View their competency matrix , track progress , and participate in 1:1 meetings. - **Team Leaders**: Manage their team’s competency growth , schedule 1:1 meetings , and provide guidance. - **SuperAdmins**: Manage competencies , approve book recommendations , and oversee system-wide progress. ### **Key Goals** - Provide a structured competency matrix. - Enable employees to track and improve their skills. - Facilitate team leaders in managing and mentoring their team members. - Allow SuperAdmins to maintain and update the competency framework. ## 2. User Roles and Permissions ### **Employee** - View personal competency matrix. - Track progress and assigned competencies. - Suggest book chapters for competencies. - Participate in 1:1 meetings. ### **Team Leader** - View and manage team members' competency progress. - Assign competencies to team members for improvement. - Conduct 1:1 meetings and maintain notes. - Participate in 1:1 meetings with upper management. ### **SuperAdmin** - Add and manage competencies. - Assign recommended books and chapters to competencies. - Approve or reject suggested book chapters from employees. - Oversee system-wide competency progress. ## 3. Core Features & Pages ### **1. Login Page** - Username and password authentication. - Role-based redirection (Employee , Team Leader , SuperAdmin). ### **2. Main Page - Competency Matrix** - Displays all available competencies. - Clickable competencies to view details. ### **3. Engineer Page (Dashboard)** - Charts displaying progress in current role. - Percentage completion of competencies required for the next level. ### **4. Team Page (For Team Leaders)** - List of engineers under management. - Overview of each engineer’s competencies and their current focus areas. ### **5. 1:1 Meetings Page(optional)** - List of scheduled and past 1:1 meetings. - Notepad feature for meeting notes. - History of past competencies assigned and progress. ### **6. SuperAdmin Competency Management** - Add , edit , or remove competencies. - Assign recommended book chapters. - Review and approve book suggestions from users. ## 4. User Flow 1. User logs in. 2. Employees navigate to their competency matrix. 3. Team leaders access the team page to monitor and assign competencies. 4. Employees and team leaders conduct 1:1 meetings. 5. SuperAdmins manage competencies and book recommendations. ## 5. Design & Style Guidelines - **Primary Color**: To be specified. - **UI Style**: Clean , modern , and intuitive. - **Typography**: Readable font with sufficient spacing. ## 6. Data & Metrics - Competency scores (1-5 scale) displayed in charts. - Overall role mastery percentage. - Historical competency trends. ## 7. Interaction & Feedback (Optional) - Clickable competencies with tooltips and descriptions. - Notifications for assigned competencies. - Confirmation prompts for major actions. ,
# Employee Growth ## 1. Introduction This document outlines the UI/UX requirements for a website that monitors employee growth in software engineering companies. The platform will enable employees to track their competencies , team leaders to manage their team’s development , and SuperAdmins to oversee competency standards and book recommendations. ### **Target Audience** - **Employees**: View their competency matrix , track progress , and participate in 1:1 meetings. - **Team Leaders**: Manage their team’s competency growth , schedule 1:1 meetings , and provide guidance. - **SuperAdmins**: Manage competencies , approve book recommendations , and oversee system-wide progress. ### **Key Goals** - Provide a structured competency matrix. - Enable employees to track and improve their skills. - Facilitate team leaders in managing and mentoring their team members. - Allow SuperAdmins to maintain and update the competency framework. ## 2. User Roles and Permissions ### **Employee** - View personal competency matrix. - Track progress and assigned competencies. - Suggest book chapters for competencies. - Participate in 1:1 meetings. ### **Team Leader** - View and manage team members' competency progress. - Assign competencies to team members for improvement. - Conduct 1:1 meetings and maintain notes. - Participate in 1:1 meetings with upper management. ### **SuperAdmin** - Add and manage competencies. - Assign recommended books and chapters to competencies. - Approve or reject suggested book chapters from employees. - Oversee system-wide competency progress. ## 3. Core Features & Pages ### **1. Login Page** - Username and password authentication. - Role-based redirection (Employee , Team Leader , SuperAdmin). ### **2. Main Page - Competency Matrix** - Displays all available competencies. - Clickable competencies to view details. ### **3. Engineer Page (Dashboard)** - Charts displaying progress in current role. - Percentage completion of competencies required for the next level. ### **4. Team Page (For Team Leaders)** - List of engineers under management. - Overview of each engineer’s competencies and their current focus areas. ### **5. 1:1 Meetings Page(optional)** - List of scheduled and past 1:1 meetings. - Notepad feature for meeting notes. - History of past competencies assigned and progress. ### **6. SuperAdmin Competency Management** - Add , edit , or remove competencies. - Assign recommended book chapters. - Review and approve book suggestions from users. ## 4. User Flow 1. User logs in. 2. Employees navigate to their competency matrix. 3. Team leaders access the team page to monitor and assign competencies. 4. Employees and team leaders conduct 1:1 meetings. 5. SuperAdmins manage competencies and book recommendations. ## 5. Design & Style Guidelines - **Primary Color**: To be specified. - **UI Style**: Clean , modern , and intuitive. - **Typography**: Readable font with sufficient spacing. ## 6. Data & Metrics - Competency scores (1-5 scale) displayed in charts. - Overall role mastery percentage. - Historical competency trends. ## 7. Interaction & Feedback (Optional) - Clickable competencies with tooltips and descriptions. - Notifications for assigned competencies. - Confirmation prompts for major actions. ,
# Employee Growth ## 1. Introduction This document outlines the UI/UX requirements for a website that monitors employee growth in software engineering companies. The platform will enable employees to track their competencies , team leaders to manage their team’s development , and SuperAdmins to oversee competency standards and book recommendations. ### **Target Audience** - **Employees**: View their competency matrix , track progress , and participate in 1:1 meetings. - **Team Leaders**: Manage their team’s competency growth , schedule 1:1 meetings , and provide guidance. - **SuperAdmins**: Manage competencies , approve book recommendations , and oversee system-wide progress. ### **Key Goals** - Provide a structured competency matrix. - Enable employees to track and improve their skills. - Facilitate team leaders in managing and mentoring their team members. - Allow SuperAdmins to maintain and update the competency framework. ## 2. User Roles and Permissions ### **Employee** - View personal competency matrix. - Track progress and assigned competencies. - Suggest book chapters for competencies. - Participate in 1:1 meetings. ### **Team Leader** - View and manage team members' competency progress. - Assign competencies to team members for improvement. - Conduct 1:1 meetings and maintain notes. - Participate in 1:1 meetings with upper management. ### **SuperAdmin** - Add and manage competencies. - Assign recommended books and chapters to competencies. - Approve or reject suggested book chapters from employees. - Oversee system-wide competency progress. ## 3. Core Features & Pages ### **1. Login Page** - Username and password authentication. - Role-based redirection (Employee , Team Leader , SuperAdmin). ### **2. Main Page - Competency Matrix** - Displays all available competencies. - Clickable competencies to view details. ### **3. Engineer Page (Dashboard)** - Charts displaying progress in current role. - Percentage completion of competencies required for the next level. ### **4. Team Page (For Team Leaders)** - List of engineers under management. - Overview of each engineer’s competencies and their current focus areas. ### **5. 1:1 Meetings Page(optional)** - List of scheduled and past 1:1 meetings. - Notepad feature for meeting notes. - History of past competencies assigned and progress. ### **6. SuperAdmin Competency Management** - Add , edit , or remove competencies. - Assign recommended book chapters. - Review and approve book suggestions from users. ## 4. User Flow 1. User logs in. 2. Employees navigate to their competency matrix. 3. Team leaders access the team page to monitor and assign competencies. 4. Employees and team leaders conduct 1:1 meetings. 5. SuperAdmins manage competencies and book recommendations. ## 5. Design & Style Guidelines - **Primary Color**: To be specified. - **UI Style**: Clean , modern , and intuitive. - **Typography**: Readable font with sufficient spacing. ## 6. Data & Metrics - Competency scores (1-5 scale) displayed in charts. - Overall role mastery percentage. - Historical competency trends. ## 7. Interaction & Feedback (Optional) - Clickable competencies with tooltips and descriptions. - Notifications for assigned competencies. - Confirmation prompts for major actions. ,
"Hyper-realistic dark fantasy portrait of a mysterious woman with porcelain skin and piercing ice-blue eyes , facing the camera with a calm yet intense expression. She wears an elaborate , sculptural headpiece made of coiled black organic fabric or tendrils , seamlessly blending into her long flowing black hair. The entire composition is monochromatic , dominated by deep blacks with soft highlights , creating a dramatic chiaroscuro effect. Her lips are soft pink and slightly parted. The lighting is moody and cinematic , with strong shadows and a soft , focused glow on her face , isolated against a pitch-black background. Intricate details in hair texture , fabric folds , and skin tone. Ultra-detailed , baroque gothic style , 8K , cinematic composition , format 16/9 , high contrast." ,
Angelababy , realistic portrait , delicate facial features , large sparkling eyes , defined jawline , soft wavy hair , elegant evening gown with sequins , warm golden lighting , cinematic chiaroscuro , high details , 8K resolution , ultra HD , best quality , intricate textures , soft focus background , in the style of romanticism and hyperrealism fusion ,
most beautiful masterpiece , best quality , create " a cartoon character " , of a cartoon character , a man from Upper Egypt , wearing a traditional white galabeya and a turban , with a strong , weathered face reflecting wisdom and experience. His deep-set eyes and sun-kissed skin tell a story of resilience. , Incredibly light and shadow , 16k , --v 4 --q 2 ,