Un coral, de todo un arrecife
Seis trazos de extremo redondeado, un círculo. Esta página lo es todo: la forma, las reglas y la frase que necesitarías para volver a dibujarlo sin ninguno de nuestros archivos.
Cómo está construido
Un tallo, una corona de dos lóbulos, un brazo que baja hacia la izquierda, una rama hacia la derecha con un pequeño espolón encima. Todos los trazos comparten un único grosor: la uniformidad ES el carácter de esta marca, así que nunca se engrosa ni adelgaza una parte por separado.
- Tallo · 1
- Corona · 2 lóbulos
- Brazo · 1
- Rama + espolón · 2
- viewBox 100×100
- r = 46
- stroke = 11
- pathLength = 100
- ½ branch · ⅔ arm
Origen · cómo evolucionó
Este coral no es solo un coral. Cuatro pasos, desde todo un arrecife hasta una única marca que respira, y la forma final esconde las iniciales de feelreef.
- ①
Inversión figura-fondo · REEF escondido dentro Un juego de letras: las cuatro letras de REEF se esconden en el espacio negativo de todo un arrecife. - ②
Se toma el pólipo más grande · la «r» El pólipo más grande y más erguido es la «r» inicial. Demasiado lleno: se difumina en tamaños pequeños, así que converge hacia lo esencial. - ③
Estudio dibujado a mano Aquí se fijan las posturas de los seis trazos: la U corta y ancha, el hombro de la «r», el pequeño espolón hacia la derecha. - ④ Máster vectorial · fusión de f ＋ r f = el tallo erguido · r = la rama derecha y su espolón: escalable sin límite, y capaz de moverse.
Desde un REEF de figura-fondo (tomando el pólipo más grande como la «r») hasta la fusión actual de f＋r: las letras siempre se esconden en la forma, y ninguna salta gritando «¡soy una letra!». Reconocerlo es un huevo de pascua; no reconocerlo solo te deja con un coral que se ve bien.
Una silueta, varios rellenos
La silueta no se mueve ni un milímetro; solo cambia la capa de relleno. La fila superior son las cuatro versiones oficiales para el día a día digital; la inferior es para papel y superficies especiales.
Digital diario — las cuatro versiones oficiales
Papel y superficies especiales
Contenedor y espacio para respirar
El coral se centra en su marco con espacio uniforme para respirar en todos los lados. El círculo perfecto es el contenedor principal; el squircle lo sustituye siempre que se necesite un icono de app.
El logotipo
Siempre en minúscula, siempre Young Serif, siempre junto a la insignia con un espacio de un tercio del diámetro de la insignia. Tres versiones oficiales: el degradado de crecimiento es la principal, el atardecer coral para fondos oscuros, y la versión en blanco que se apoya sobre una franja de degradado.
REEF with X · el sistema de nombres de los módulos
Todos los módulos pertenecen a la familia «REEF with X»: el mismo coral, el mismo REEF, la misma palabra de enlace. Solo cambian el nombre de la función al final y su propio color.
RiseEmergeEvolveFlourish — de dónde viene REEF, y de dónde tomó su nombre esta serie.
Cada lockup es de un solo color: la insignia coral, REEF y el nombre de la función comparten el color propio del módulo, y solo «with» se queda en gris. El punto de entrada gratuito Card es verde, el núcleo Site es oceánico, el par de pago Checkout / Members es verde y coral, y el dúo de IA GAIDO / KAITO son ambos morados. La insignia y REEF son siempre del mismo color, por eso el lockup se lee como un solo objeto.
Una receta, no un archivo
Los emblemas que duran se transmiten como instrucciones, no como archivos: un blasón familiar sobrevive seis siglos de talla a mano porque a los talladores se les decía qué era, no se les enviaba una copia. Así que este coral también tiene su propia escotilla de escape: una frase reconstruye toda la planta, sin archivo, sin proveedor y sin nosotros.
Un coral dentro de un círculo: un tallo se yergue recto en el centro, dividiéndose arriba en dos lóbulos cortos y redondeados. A media altura, una rama se extiende hacia la derecha con un pequeño espolón que apunta al cielo; a dos tercios de altura, un brazo cae hacia la izquierda, curvado como un gancho. Los tres lóbulos nacen del mismo arco. Seis trazos en total, mismo grosor, extremos redondeados.
- ½ branch
- ⅔ arm
- ⅐ crown
- ×3 un arco madre ×3
Ninguno de los emblemas que sobrevivieron mil años lo hizo estando archivado; lo hicieron siendo una frase con la que cualquiera podía reconstruir todo. Esta no es una quinta forma: la forma es la de arriba. Lo que cambia es el medio por el que viaja.
Dicho con franqueza: nadie puede diseñar una forma garantizada para durar mil años; lo que sí se puede diseñar es cómo viaja. El logo de la concha de Shell se redibujó ocho veces en un siglo sin morir; los blasones familiares fueron tallados a mano por incontables artesanos durante seiscientos años sin perder su esencia. Ambos se apoyaron en lo mismo: un invariante, más el permiso para volver a dibujar. Aquí el invariante es la topología (cómo se relacionan los seis trazos), las proporciones fraccionarias (½・⅔・⅐) y un arco madre; todo lo demás puede reinterpretarlo cada generación. Y nos negamos a quitar el brazo o la ramita para ser «más atemporales»: eso lo convertiría en un árbol anónimo. Los emblemas que duraron mil años son todos distintivos Y reconstruibles, no minimalistas. Lo cual, convenientemente, es la propia genética de feelreef: el logo lleva su propia escotilla de escape, no necesita un archivo ni que nosotros sigamos existiendo; una frase basta para llevártelo.
Cómo usarlo
- Sin sombras, sin degradados añadidos
- Nunca lo aplastes ni lo estires
- Sin combinaciones de bajo contraste
- No lo gires (la excepción es el balanceo)
Se mueve de tres formas
entrada · una vez · 1,8 s · ease-out · en orden de crecimientoinactivo · bucle · 3,2–4,4 s · ease-in-outcarga / IA pensando · bucle · 3,6 s · ease-in-outLos archivos
Cuatro SVG, y son tuyos: la insignia oceánica, una versión monocromo para sellos e impresión a un color, el glifo solo (que toma el color del texto que lo rodea), y un squircle para iconos de app.
Vectorial
Mapa de bits
Para cualquier sitio que no admita SVG: un avatar de GitHub o Slack, un paquete de npm, una ficha de app. La versión cuadrada es sangrada a propósito: esos servicios recortan y redondean por su cuenta, así que un PNG transparente con un círculo dentro acaba siendo un círculo dentro de otro círculo.
