Diseño Normalizado de Trámites Electrónicos
Inicio
Primeros pasos
Primeros pasos
¿Qué es DINTEL?
Diseñadores
Desarrolladores
Recursos
Preguntas frecuentes
Fundamentos
Fundamentos
Color
Tipografía
Elevaciones
Espaciado
Retícula
Borde
Radio
Iconografía
Ilustraciones
Animación
Accesibilidad
Tokens de diseño
Contenidos digitales
Visualización de datos
Elementos de interfaz
Elementos de interfaz
Módulos
Plantillas
Componentes
Actualizaciones
Contacto
Fundamentos
Tipografía
Familias tipográficas
Las fuentes, los estilos y los tamaños de texto ayudan a crear una jerarquía visual que muestra al lector en qué información debe centrarse y qué es más importante.
Nunito Sans
Nunito es una familia tipográfica sans serif bien equilibrada. El proyecto comenzó con Nunito , creado por Vernon Adams como un terminal sans serif redondeado para tipografía de exhibición .Jacques Le Bailly lo extendió a un conjunto completo de pesos, y una versión de terminal no redondeada regular adjunta llamada Nunito Sans.
Merriweather
Merriweather fue diseñado para ser una cara de texto agradable de leer en las pantallas. Presenta una altura x muy grande, formas de letras ligeramente condensadas, un leve acento diagonal, serifas sólidas y formas abiertas. También está Merriweather Sans , una versión sans-serif que armoniza estrechamente con los pesos y estilos de esta familia serif.
Gill Sans
Gill Sans es un tipo de letra sans serif o palo seco muy usado actualmente; fue creado por el tipógrafo Eric Gill y publicada por la fundidora Monotype entre los años de 1928 y 1930. Sus formas están basadas en la Johnston underground creada por Edward Johnston para el Metro de Londres; la Gill Sans es ampliamente apreciada por sus sutiles y graciosas formas así como por su versatilidad.
Desde 1999 el Gobierno de España y la Administración General del Estado han incorporado la tipografía Gill Sans a su programa de imagen institucional. El logotipo de instituciones y organismos dependientes de la Administración General del Estado (Ministerios, Secretarías de Estado, Fuerzas de seguridad, Museos nacionales, etc.) incluyen, junto al escudo de España, la denominación en tipografía Gill Sans.
Jerarquía tipográfica
desktop-300
Font family - Merriweather, Font size - 40px, Font Line Height - 52px, Font weight - Bold, Font Letter Spacing - 0px
Number card
desktop-200
Font family - Merriweather, Font size - 32px, Font Line Height - 44px, Font weight - Bold, Font Letter Spacing - 0px
Title FAQ, Title Hero, Section
desktop-100
Font family - Merriweather, Font size - 24px, Font Line Height - 36px, Font weight - Bold, Font Letter Spacing - 0px
Title Feedback
mobile-300
Font family - Merriweather, Font size - 28px, Font Line Height - 44px, Font weight - Bold, Font Letter Spacing - 0px
Number card
mobile-200
Font family - Merriweather, Font size - 26px, Font Line Height - 40px, Font weight - Bold, Font Letter Spacing - 0px
Title FAQ, Title Hero, Section
mobile-100
Font family - Merriweather, Font size - 12px, Font Line Height - 20px, Font weight - Bold, Font Letter Spacing - 0px
Title Feedback
300
Font Family - Nunito Sans, Font Size - 22px, Font Line Height - 32px, Font Weight - Bold, Font Letter Spacing - 0px
Subtitle L
200
Font Family - Nunito Sans, Font Size - 20px, Font Line Height - 28px, Font Weight - Bold, Font Letter Spacing - 0px
Title card
100
Font Family - Nunito Sans, Font Size - 18px, Font Line Height - 24px, Font Weight - Bold, Font Letter Spacing - 0px
Title accordion, Title alert, Title modal, Table mobile label, Title toast, Title cookie banner
400
Font Family - Nunito Sans, Font Size - 18px, Font Line Height - 24px, Font Weight - Regular, Font Letter Spacing - 0px
Body XL, Button L, Body Hero, Body Section
350
Font Family - Nunito Sans, Font Size - 16px, Font Line Height - 24px, Font Weight - Bold, Font Letter Spacing - 0px
Body L, Spinner title, Stepper current, Table header
300
Font Family - Nunito Sans, Font Size - 16px, Font Line Height - 24px, Font Weight - Regular, Font Letter Spacing - 0px
Body M (Default), Input value, Alert, Accordeon, Tab, Breadcrumb, Card, Button M, Collapse, Checbox, Radio, List, Dropdown, Search, Dropdown menu, Horizontal menu, Megamenu, Stepper, Pagination, Title Search results, Table body, Table mobile value, Toast, Vertical menu, Cookie banner description
200
Font Family - Nunito Sans, Font Size - 14px, Font Line Height - 20px, Font Weight - Regular, Font Letter Spacing - 0px
Body S, Button S, Input Text, Label, Date picker popover, Modal, Progress bar, Tags, Tootlitps
100
Font Family - Nunito Sans, Font Size - 12px, Font Line Height - 20px, Font Weight - Regular, Font Letter Spacing - 0px
Body XS (Detail), Error, Warning, Info, Spinner description
Quote
Font Family - Nunito Sans, Font Size - 16px, Font Line Height - 24px, Font Weight - Regular, Font Letter Spacing - 0px, Font Style - Italic
Cita
Logo
Font Family - Gill Sans, Font Size - 12px, Font Line Height - 16px, Font Weight - Regular, Font Letter Spacing - 0px, Font Style - Regular, Text Transform - Uppercase
Logotipo cabecera
450
Font Family - Nunito Sans, Font Size - 18px, Font Line Height - 24px, Font Weight - Bold, Font Letter Spacing - 0px
Title card, Link destacado en párrafo
400
Font Family - Nunito Sans, Font Size - 18px, Font Line Height - 24px, Font Weight - Regular, Font Letter Spacing - 0px
Link L, Back Link L, Section Links
350
Font Family - Nunito Sans, Font Size - 16px, Font Line Height - 24px, Font Weight - Bold, Font Letter Spacing - 0px
Breadcrumb, Link destacado en párrafo
300
Font Family - Nunito Sans, Font Size - 16px, Font Line Height - 24px, Font Weight - Regular, Font Letter Spacing - 0px
Link M Back Link M, Link card, Date picker popover link, Search results, Link toast
250
Font Family - Nunito Sans, Font Size - 14px, Font Line Height - 20px, Font Weight - Bold, Font Letter Spacing - 0px
Link destacado en párrafo
200
Font Family - Nunito Sans, Font Size - 14px, Font Line Height - 20px, Font Weight - Regular, Font Letter Spacing - 0px
Link S
Este sitio web utiliza cookies propias y de terceros para ofrecer un mejor servicio. Si continúa navegando consideramos que acepta su uso.
