From 3d6375f987c65c9a4af40caa156b339a4357f20d Mon Sep 17 00:00:00 2001 From: Arcadio Quintero Date: Wed, 2 Sep 2026 15:19:09 -0400 Subject: [PATCH] translate: press kit reference Translate the press kit page (logos and brand guidelines) into Spanish and add the press-kit.en.md backup of the original. Fixes #197 --- adev-es/src/content/reference/press-kit.en.md | 71 +++++++++++++++++ adev-es/src/content/reference/press-kit.md | 76 +++++++++---------- 2 files changed, 109 insertions(+), 38 deletions(-) create mode 100644 adev-es/src/content/reference/press-kit.en.md diff --git a/adev-es/src/content/reference/press-kit.en.md b/adev-es/src/content/reference/press-kit.en.md new file mode 100644 index 00000000..457cc5f8 --- /dev/null +++ b/adev-es/src/content/reference/press-kit.en.md @@ -0,0 +1,71 @@ +# Angular Press Kit + +The logo graphics available for download on this page are provided under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). + + + + ![Angular wordmark gradient logo](assets/images/press-kit/angular_wordmark_gradient.png "Angular wordmark gradient logo") + ![Angular wordmark white logo](assets/images/press-kit/angular_wordmark_white.png "Angular wordmark white logo") + ![Angular wordmark black logo](assets/images/press-kit/angular_wordmark_black.png "Angular wordmark black logo") + Black and white are the default color variations and should be used in most circumstances. A gradient version of the icon and lockup is available in both static and animated formats and can be used in cases where a color icon is required. + + + ![Angular animated gradient logo](assets/images/press-kit/angular_icon_gradient.gif "Angular animated gradient logo") + Our brand guidelines folders contain the design files, guidance and community examples for how the brand can be adapted. + Read more about adapting the logo in the section below. + + + ![Angular mascot cheerful](assets/images/press-kit/angular_mascot_cheerful.png "Angular mascot cheerful") + Angie is the official mascot of the Angular framework. The mascot folders contain different file formats and poses of our friendly companion for use in your community assets and presentations. + + + +## Press and Media + +For inquiries regarding press and media please contact us at press@angular.io. For developer inquiries contact devrel@angular.io. + +## Adapting the logo + +Angular’s success is deeply connected to our community. We know many communities, meetups, conferences, blogs, websites, YouTube channels and developers have built their brand on top of ours. This logo is for us and our community, and it’s important that you can join us in updating your brand as well. + +Angular has long valued creative expression through customized shield icons. The new Angular icon allows customization in several ways. The icon shape can be used as a container for simple colors and patterns. Alternatively, a custom backplate can be used for more intricate designs. We recommend keeping your compositions simple and clear, since busy and complex patterns can be difficult to read. We appreciate your cooperation in keeping our community a safe and welcoming space. Please keep designs respectful and be mindful of our community guidelines when creating your icons. + +We have provided a template to get you started. + +If you have any questions on adapting the new logo, or updating your own, please email devrel@angular.io for additional help – we can’t wait to see what you create! + + + + +Lean into the shape of Angular’s new logo by changing the logo colors to match your brand colors, flag, cause, etc. + +In this example, we’ve adapted the colors to create an Angular Pride logo variation: +![Angular pride logo](assets/images/press-kit/angular_pride.png#small 'Angular pride logo') + + + +Lean into the shape of Angular’s new logo by adapting the shield to match your own brand. + +In this example, we’ve adapted the shield to create an Angular Signals logo variation: +![Angular Signals logo](assets/images/press-kit/angular_signals.png#medium 'Angular Signals logo') + + + +If you are creating your own logo, we encourage differentiating your logo from ours to not cause confusion. When adapting the logo, you are free to change and adapt the colors and shape to make it your own. + +When representing Angular with the original logo, please follow these guidelines: +![Rhubarb the small cat](assets/images/press-kit/do_and_dont.png "Rhubarb the small cat") + + + + +## Deprecated logos + +### 2016 Angular (v3-v16) + +In 2023 , we announced a modernized logo with v17. We advise against using the former Angular logo to prevent confusion. You can view the old press kit on our [old docs site](https://angular.io/presskit). + +### AngularJS + +AngularJS is the v1.x predecessor of modern Angular. We advise against using this logo to prevent confusion. +Read more about the discontinued LTS (Long Term Support) for AngularJS on our [blog](https://blog.angular.dev/discontinued-long-term-support-for-angularjs-cc066b82e65a). diff --git a/adev-es/src/content/reference/press-kit.md b/adev-es/src/content/reference/press-kit.md index 457cc5f8..8dd25714 100644 --- a/adev-es/src/content/reference/press-kit.md +++ b/adev-es/src/content/reference/press-kit.md @@ -1,71 +1,71 @@ -# Angular Press Kit +# Kit de prensa de Angular -The logo graphics available for download on this page are provided under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). +Los gráficos de logos disponibles para descargar en esta página se ofrecen bajo la licencia [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). - - ![Angular wordmark gradient logo](assets/images/press-kit/angular_wordmark_gradient.png "Angular wordmark gradient logo") - ![Angular wordmark white logo](assets/images/press-kit/angular_wordmark_white.png "Angular wordmark white logo") - ![Angular wordmark black logo](assets/images/press-kit/angular_wordmark_black.png "Angular wordmark black logo") - Black and white are the default color variations and should be used in most circumstances. A gradient version of the icon and lockup is available in both static and animated formats and can be used in cases where a color icon is required. + + ![Logo Angular wordmark con degradado](assets/images/press-kit/angular_wordmark_gradient.png "Logo Angular wordmark con degradado") + ![Logo Angular wordmark blanco](assets/images/press-kit/angular_wordmark_white.png "Logo Angular wordmark blanco") + ![Logo Angular wordmark negro](assets/images/press-kit/angular_wordmark_black.png "Logo Angular wordmark negro") + Las variantes en blanco y negro son las predeterminadas y deben usarse en la mayoría de los casos. Existe una versión con degradado del icono y del conjunto logo-texto, disponible en formato estático y animado, que puede usarse cuando se requiera un icono a color. - - ![Angular animated gradient logo](assets/images/press-kit/angular_icon_gradient.gif "Angular animated gradient logo") - Our brand guidelines folders contain the design files, guidance and community examples for how the brand can be adapted. - Read more about adapting the logo in the section below. + + ![Logo animado de Angular con degradado](assets/images/press-kit/angular_icon_gradient.gif "Logo animado de Angular con degradado") + Nuestras carpetas de guías de marca contienen los archivos de diseño, las pautas y ejemplos de la comunidad sobre cómo se puede adaptar la marca. + Lee más sobre cómo adaptar el logo en la sección siguiente. - - ![Angular mascot cheerful](assets/images/press-kit/angular_mascot_cheerful.png "Angular mascot cheerful") - Angie is the official mascot of the Angular framework. The mascot folders contain different file formats and poses of our friendly companion for use in your community assets and presentations. + + ![Mascota de Angular alegre](assets/images/press-kit/angular_mascot_cheerful.png "Mascota de Angular alegre") + Angie es la mascota oficial del framework Angular. Las carpetas de la mascota contienen distintos formatos de archivo y poses de nuestra simpática compañera para que las uses en los recursos y presentaciones de tu comunidad. -## Press and Media +## Prensa y medios {#press-and-media} -For inquiries regarding press and media please contact us at press@angular.io. For developer inquiries contact devrel@angular.io. +Para consultas relacionadas con prensa y medios, contáctanos en press@angular.io. Para consultas de desarrolladores, escribe a devrel@angular.io. -## Adapting the logo +## Adaptar el logo {#adapting-the-logo} -Angular’s success is deeply connected to our community. We know many communities, meetups, conferences, blogs, websites, YouTube channels and developers have built their brand on top of ours. This logo is for us and our community, and it’s important that you can join us in updating your brand as well. +El éxito de Angular está profundamente ligado a nuestra comunidad. Sabemos que muchas comunidades, meetups, conferencias, blogs, sitios web, canales de YouTube y desarrolladores han construido su marca sobre la nuestra. Este logo es para nosotros y para nuestra comunidad, y es importante que también puedas acompañarnos actualizando tu propia marca. -Angular has long valued creative expression through customized shield icons. The new Angular icon allows customization in several ways. The icon shape can be used as a container for simple colors and patterns. Alternatively, a custom backplate can be used for more intricate designs. We recommend keeping your compositions simple and clear, since busy and complex patterns can be difficult to read. We appreciate your cooperation in keeping our community a safe and welcoming space. Please keep designs respectful and be mindful of our community guidelines when creating your icons. +Angular siempre ha valorado la expresión creativa mediante iconos de escudo personalizados. El nuevo icono de Angular permite personalizarlo de varias formas. La forma del icono puede usarse como contenedor de colores y patrones sencillos. Como alternativa, puede usarse una placa de fondo personalizada para diseños más elaborados. Recomendamos mantener las composiciones simples y claras, ya que los patrones recargados y complejos pueden ser difíciles de leer. Agradecemos tu colaboración para mantener nuestra comunidad como un espacio seguro y acogedor. Por favor, mantén los diseños respetuosos y ten presentes las normas de nuestra comunidad al crear tus iconos. -We have provided a template to get you started. +Hemos preparado una plantilla para que puedas empezar. -If you have any questions on adapting the new logo, or updating your own, please email devrel@angular.io for additional help – we can’t wait to see what you create! +Si tienes alguna pregunta sobre cómo adaptar el nuevo logo o actualizar el tuyo, escribe a devrel@angular.io para recibir ayuda adicional. ¡Estamos deseando ver lo que creas! - -Lean into the shape of Angular’s new logo by changing the logo colors to match your brand colors, flag, cause, etc. + +Aprovecha la forma del nuevo logo de Angular cambiando sus colores para que coincidan con los de tu marca, bandera, causa, etc. -In this example, we’ve adapted the colors to create an Angular Pride logo variation: -![Angular pride logo](assets/images/press-kit/angular_pride.png#small 'Angular pride logo') +En este ejemplo, hemos adaptado los colores para crear una variante del logo Angular Pride: +![Logo Angular Pride](assets/images/press-kit/angular_pride.png#small 'Logo Angular Pride') - -Lean into the shape of Angular’s new logo by adapting the shield to match your own brand. + +Aprovecha la forma del nuevo logo de Angular adaptando el escudo para que encaje con tu propia marca. -In this example, we’ve adapted the shield to create an Angular Signals logo variation: -![Angular Signals logo](assets/images/press-kit/angular_signals.png#medium 'Angular Signals logo') +En este ejemplo, hemos adaptado el escudo para crear una variante del logo Angular Signals: +![Logo Angular Signals](assets/images/press-kit/angular_signals.png#medium 'Logo Angular Signals') - -If you are creating your own logo, we encourage differentiating your logo from ours to not cause confusion. When adapting the logo, you are free to change and adapt the colors and shape to make it your own. + +Si creas tu propio logo, te animamos a diferenciarlo del nuestro para no causar confusión. Al adaptar el logo, tienes libertad para cambiar y adaptar los colores y la forma para hacerlo tuyo. -When representing Angular with the original logo, please follow these guidelines: -![Rhubarb the small cat](assets/images/press-kit/do_and_dont.png "Rhubarb the small cat") +Cuando representes a Angular con el logo original, sigue estas pautas: +![Rhubarb, el gatito](assets/images/press-kit/do_and_dont.png "Rhubarb, el gatito") -## Deprecated logos +## Logos obsoletos {#deprecated-logos} -### 2016 Angular (v3-v16) +### Angular 2016 (v3-v16) {#2016-angular-v3-v16} -In 2023 , we announced a modernized logo with v17. We advise against using the former Angular logo to prevent confusion. You can view the old press kit on our [old docs site](https://angular.io/presskit). +En 2023 anunciamos un logo modernizado junto con la v17. Desaconsejamos usar el antiguo logo de Angular para evitar confusiones. Puedes ver el kit de prensa anterior en nuestro [sitio de documentación antiguo](https://angular.io/presskit). ### AngularJS -AngularJS is the v1.x predecessor of modern Angular. We advise against using this logo to prevent confusion. -Read more about the discontinued LTS (Long Term Support) for AngularJS on our [blog](https://blog.angular.dev/discontinued-long-term-support-for-angularjs-cc066b82e65a). +AngularJS es el predecesor v1.x del Angular moderno. Desaconsejamos usar este logo para evitar confusiones. +Lee más sobre el fin del soporte a largo plazo (LTS, Long Term Support) de AngularJS en nuestro [blog](https://blog.angular.dev/discontinued-long-term-support-for-angularjs-cc066b82e65a).