Steep
Análise de fontes serif en papel quente
Steep presenta as analíticas como contido editorial: os titulares con serifas Signifier flotan sobre un lenzo branco case monocromático e un único acento cor pexego cálido (#fbe1d1) subliña o sistema, que doutro xeito sería acromático. A páxina lese como unha páxina de revista de produtos: tipo de letra cursiva grande, amplo espazo para o texto, tarxetas grandes con bordos suaves de 24 px de radio e controis en forma de pílula ao mesmo nivel que a superficie. Os compoñentes parecen tranquilos e lixeiros: as sombras son sutís, os bordos son finos e a cor úsase para a énfase funcional (chamada cor pexego, letras marrón escuras sobre un fondo cor pexego). As superficies dos produtos (táboas de rexións, diagramas de activación, creadores de IA) preséntanse como elementos flotantes arredor da cabeceira en lugar de aniñados dentro da carcasa do panel.
O deseño da páxina ten unha anchura máxima de 1200 px, centrada, coas seccións principais ocupando case toda a anchura da páxina pero permanecendo dentro do contedor. O deseño principal presenta unha cabeceira centrada cunha fonte serif grande, unha subcabeceira e un par de botóns de pílula, rodeados por catro tarxetas flotantes de descrición do produto (táboa de rexións arriba á esquerda, tarxeta de rexistro á dereita, diagrama de activación abaixo á esquerda, editor de IA abaixo ao centro) que se superpoñen a un lenzo branco con diferentes desprazamentos. As seccións alternan entre fondos Paper White e Card Mist, creando un ritmo tranquilo sen un contraste forte. As seccións destacadas usan un deseño de texto e interface de usuario de dúas columnas con grandes marxes verticais de 80 px. A navegación é unha única barra superior transparente (sen fondo, bordo nin sombra) co logotipo á esquerda, ligazóns de navegación no centro e dúas chamadas á acción (ligazón de texto + botón de pílula cheo) á dereita. A densidade xeral do deseño é espaciosa: a páxina "respira" entre seccións e o contido nunca abarrota os bordos.
O deseño visual céntrase no produto, non no estilo de vida: os elementos flotantes da IU (táboas rexionais con datos de cinco filas, gráficos de liñas que mostran as activacións en agosto-novembro, aneis de progreso radial, campos de entrada de IA) están dispostos como capturas de pantalla recortadas arredor dos titulares editoriais. Non hai fotografías, ilustracións nin gráficos abstractos. Todos os elementos visuais do produto colócanse en cartolinas brancas flotantes con bordos finos e sombras suaves. Os círculos de avatar presentan un pequeno indicador direccional do cursor, un motivo visual que sinala a interacción en tempo real. A composición principal é unha colaxe de texto e IU, en lugar dun titular centrado cunha foto de stock.
Paleta
Neutro
- Ink Black
#17191c— O texto principal, o fondo do botón cheo e o logotipo de navegación son as únicas superficies escuras do sistema; todas as chamadas á acción e os titulares do texto principal aparecen sobre este fondo case negro. - Paper White
#ffffff— A pantalla da páxina, o texto dos botóns e as superficies das tarxetas en relevo son o ton de fondo dominante, e conteñen aproximadamente 76 puntos de frecuencia. - Mist Gray
#f2f2f3— Superficies das tarxetas, fondos adicionais, recheos de campos de entrada: unha capa invisible debaixo do papel para contido incrustado. - Fog White
#fafafb— Un fondo de páxina adicional para alternar seccións e superficies ao pasar o cursor, un paso por riba do papel para crear sutís variacións de raias. - Slate Gray
#777b86— Cor da ligazón, texto auxiliar silenciado, texto do pé de páxina: un gris frío e desaturado colocado entre o texto principal e o texto que non se pode incluír. - Ash Gray
#979799— Etiquetas adicionais, etiquetas de categoría (Márketing, Finanzas, Vendas): un paso máis lixeiro que a cor da ligazón.
Tipografía
de 15 a 90 px · 8 pasos
- Signifier — substitución: GT Sectra · contornos 400 · Unha fonte serif para titulares e títulos, usada exclusivamente para H1/H2 en tres tamaños; o grosor da fonte mantense en 400 (normal) en todas as escalas, unha elección característica: unha fonte serif susurra en lugar de berrar como unha fonte en negra.
- Sohne — substitución: Inter · contornos 400, 430, 450, 480, 500 · As fontes principais, da interface e de navegación son versátiles e abarcan todo, dende os metadatos ata os subtítulos; os pesos semiescalonados (430, 450, 480) crean unha xerarquía sutil sen saltar á negriña.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 8px |
| Radio do botón | 9999px |
| Radio da tarxeta | 24px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 80px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Steep e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Newformcap — Editorial do xornal no vestiario
- Claude — Un artefacto impreso en pergamiño cálido: tinta sobre papel de óso, arxila como único alento de cor
- 11x– Digital workers — Un ermo editorial cinematográfico: fotografías panorámicas da paisaxe contra titulares monumentais con serifas que se len como a publicación dunha revista de luxo.
- Revolut — Un traballo editorial monocromo baseado nunha fotografía de nubes: tinta branca, botóns de caixa de pastillas, unha única franxa azul de cor nun mundo que doutro xeito sería en escala de grises.
- Scheduling — Tinta editorial sobre papel crema
- Titan — arquivo monocromático de tons cálidos
- Programa — Un estudo de deseño suízo ao mediodía. A parede branca da galería está iluminada por unha única lámpada de mesa amarela; todo está en tons grises ata que un botón, unha icona ou un detalle chama a atención, e entón ese único detalle amarelo define toda a habitación.
- Sana Agents — Brillo de lima sobre fondo branco no editorial
- Visual — Samizdat editorial cálido. Papel crema, pósteres serif, marxinal monocromático, un rotulador amarelo.
- Midday — Folleto editorial en pergamiño: título con serifas de 72 px sobre un fondo de pedra cálida, corpo de texto sans-serif con espazado, controis en forma de pílula, sen sombras
- Chat for impact — Unha clínica verde bosque con habitacións en cores pastel
- Handhold — Pergamiño cálido baixo serifas apenas audibles: unha extensión editorial, composta a man sen ruído cromático, onde a mellor fonte serifa de 200 puntos transmite a voz completa