Recursos de marca

  • Enlace amigable (slug) de la revisión: persona/branding
  • Título de la revisión: Recursos de marca
  • Id de la revisión: 315381
  • Creada:
  • Creador: Nukeador
  • ¿Es la revisión actual? No
  • Comentario

Contenido de la revisión

Inicia sesión con los botones de Persona

Imágenes

Los botones de "Inicio de sesión" están disponibles en tres versiones, y tres colores:

  Iniciar sesión con tu correo Iniciar sesión con Persona Iniciar sesión
Negro
Azul
Red

Basados en CSS

Sawyer Hollenshead ha creado un conjunto de excelentes botones basados en CSS. Descarga (.zip)

Más información

Puedes encontrar más información sobre el diseño visual de Persona en manual de estilo de Sean Martell.

Fuente de la revisión

<h2 id="Inicia_sesi.C3.B3n_con_los_botones_de_Persona">Inicia sesión con los botones de Persona</h2>
<h3 id="Im.C3.A1genes">Imágenes</h3>
<p>Los botones de "Inicio de sesión" están disponibles en tres versiones, y tres colores:</p>
<table align="center">
  <thead>
    <tr>
      <th scope="row">&nbsp;</th>
      <th scope="col">Iniciar sesión con tu correo</th>
      <th scope="col">Iniciar sesión con Persona</th>
      <th scope="col">Iniciar sesión</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Negro</th>
      <td><img alt="" src="/files/3955/email_sign_in_black.png" style="width: 202px; height: 25px;" /></td>
      <td><img alt="" src="/files/3961/persona_sign_in_black.png" style="width: 185px; height: 25px;" /></td>
      <td><img alt="" src="/files/3967/plain_sign_in_black.png" style="width: 95px; height: 25px;" /></td>
    </tr>
    <tr>
      <th scope="row">Azul</th>
      <td><img alt="" src="/files/3957/email_sign_in_blue.png" style="width: 202px; height: 25px;" /></td>
      <td><img alt="" src="/files/3963/persona_sign_in_blue.png" style="width: 185px; height: 25px;" /></td>
      <td><img alt="" src="/files/3969/plain_sign_in_blue.png" style="width: 95px; height: 25px;" /></td>
    </tr>
    <tr>
      <th scope="row">Red</th>
      <td><img alt="" src="/files/3959/email_sign_in_red.png" style="width: 202px; height: 25px;" /></td>
      <td><img alt="" src="/files/3965/persona_sign_in_red.png" style="width: 185px; height: 25px;" /></td>
      <td><img alt="" src="/files/3971/plain_sign_in_red.png" style="width: 95px; height: 25px;" /></td>
    </tr>
  </tbody>
</table>
<h3 id="CSS-Based">Basados en CSS</h3>
<p><a href="http://sawyerhollenshead.com/" title="http://sawyerhollenshead.com/">Sawyer Hollenshead</a> ha creado un conjunto de excelentes botones basados en CSS. <a href="/files/3973/persona-css-buttons.zip" title="/files/3973/persona-css-buttons.zip">Descarga (.zip)</a></p>
<h2 id="More_Info">Más información</h2>
<p>Puedes encontrar más información sobre el diseño visual de Persona en <a href="http://people.mozilla.org/~smartell/persona/" title="http://people.mozilla.org/~smartell/persona/">manual de estilo de Sean Martell</a>.</p>
Revertir a esta revisión