Um coral, de um recife inteiro
Seis traços de ponta arredondada, um círculo. Esta página é tudo isso: a forma, as regras e a frase que você precisaria para redesenhá-lo sem nenhum dos nossos arquivos.
Como é construído
Um caule, uma coroa de dois lóbulos, um braço que desce para a esquerda, um galho para a direita com um pequeno esporão acima. Todos os traços compartilham uma única largura — essa uniformidade É o caráter dessa marca, então nenhuma parte é engrossada ou afinada isoladamente.
- Caule · 1
- Coroa · 2 lóbulos
- Braço · 1
- Galho + esporão · 2
- viewBox 100×100
- r = 46
- stroke = 11
- pathLength = 100
- ½ branch · ⅔ arm
Origem · como evoluiu
Este coral não é só um coral. Quatro passos, de um recife inteiro até uma única marca que respira — e a forma final esconde as iniciais da própria feelreef.
- ①
Inversão figura-fundo · REEF escondido Um jogo de letras: as quatro letras de REEF se escondem no espaço negativo de um recife inteiro. - ②
Pega-se o maior pólipo ·「r」 O maior pólipo, mais ereto, é o "r" inicial. Cheio demais — borra em tamanhos pequenos, então converge para o essencial. - ③
Estudo desenhado à mão Aqui se fixam as posturas dos seis traços: o U curto e gordo, o ombro do "r", o pequeno esporão apontando para a direita. - ④ Versão vetorial final · fusão f ＋ r f = o caule ereto · r = o galho direito e seu esporão — escalável sem limite, e capaz de se mover.
De um REEF em figura-fundo (tomando o maior pólipo como o "r") até a fusão atual de f＋r — as letras sempre se escondem na forma, e nenhuma salta gritando "eu sou uma letra". Perceber é um easter egg; não perceber só deixa você com um coral bonito.
Uma silhueta, vários preenchimentos
A silhueta não se move um milímetro sequer — só a camada de preenchimento muda. A fileira de cima traz as quatro versões oficiais para o digital do dia a dia; a de baixo é para papel e superfícies especiais.
Digital do dia a dia — as quatro versões oficiais
Papel e superfícies especiais
Contêiner e espaço de respiro
O coral fica centralizado dentro do quadro, com espaço de respiro uniforme em todos os lados. O círculo perfeito é o contêiner principal; o squircle o substitui sempre que é preciso um ícone de app.
O logotipo
Sempre em minúsculas, sempre Young Serif, sempre ao lado do selo com um espaço de cerca de um terço do diâmetro do selo. Três versões oficiais: o gradiente de crescimento é o principal, o pôr do sol coral para fundos escuros, e a versão em branco que fica sobre uma faixa de gradiente.
REEF with X · o sistema de nomes dos módulos
Todo módulo pertence à família "REEF with X" — o mesmo coral, o mesmo REEF, a mesma palavra de ligação. Só o nome da capacidade no final e sua cor própria mudam.
RiseEmergeEvolveFlourish — de onde vem REEF, e de onde esta série tirou o nome.
Cada lockup tem uma única cor — o selo coral, REEF e o nome da capacidade compartilham a cor própria do módulo, só o "with" fica cinza. O ponto de entrada gratuito Card é verde, o núcleo Site é oceano, o par pago Checkout / Members é verde e coral, e a dupla de IA GAIDO / KAITO são ambos roxos. O selo e o REEF têm sempre a mesma cor, por isso um lockup se lê como um único objeto.
Uma receita, não um arquivo
Emblemas que duram são transmitidos como instruções, não como arquivos — um brasão de família sobrevive a seis séculos de entalhe à mão porque diziam aos entalhadores o que ele era, em vez de mandar uma cópia. Por isso este coral também carrega sua própria escotilha de fuga: uma frase reconstrói a planta inteira, sem arquivo, sem fornecedor e sem nós.
Um coral dentro de um círculo: um caule ereto no centro, dividindo-se no topo em dois lóbulos curtos e arredondados. Na metade da altura, um galho se estende para a direita com um pequeno esporão apontando para o céu; a dois terços da altura, um braço pende para a esquerda, curvado como um gancho. Os três lóbulos nascem do mesmo arco. Seis traços ao todo, mesma largura, pontas arredondadas.
- ½ branch
- ⅔ arm
- ⅐ crown
- ×3 um arco-mãe ×3
Nenhum dos emblemas que sobreviveram mil anos o fez estando arquivado — sobreviveram por serem uma frase com a qual qualquer um podia reconstruir tudo. Esta não é uma quinta forma: a forma é a de cima. O que muda é o meio pelo qual ela viaja.
Sendo honesto: ninguém consegue projetar uma forma garantida para durar mil anos — o que se pode projetar é como ela viaja. A concha da Shell foi redesenhada oito vezes em um século sem morrer; brasões de família foram entalhados à mão por incontáveis artesãos durante seiscentos anos sem se perderem. Ambos se apoiaram na mesma coisa: um invariante, mais a permissão para redesenhar. Aqui o invariante é a topologia (como os seis traços se relacionam), as proporções fracionárias (½・⅔・⅐) e um arco-mãe; tudo o mais cada geração tem permissão para reinterpretar. E nos recusamos a tirar o braço ou o galho para ficar "mais atemporal" — isso o transformaria numa árvore anônima. Os emblemas que duraram mil anos são todos distintos E reconstruíveis, não minimalistas. O que, convenientemente, é exatamente a genética da própria feelreef: o logotipo carrega sua própria escotilha de fuga — não precisa de arquivo nem que sigamos vivos; uma frase basta para levá-lo com você.
Como usar
- Sem sombras, sem gradientes adicionados
- Nunca achatar ou esticar
- Sem combinações de baixo contraste
- Não gire (o balanço é a exceção)
Ele se move de três formas
entrada · uma vez · 1,8s · ease-out · na ordem de crescimentoinativo · loop · 3,2–4,4s · ease-in-outcarregamento / IA pensando · loop · 3,6s · ease-in-outOs arquivos
Quatro SVGs, e são seus: o selo oceano, uma versão monocromática para carimbos e impressão de uma cor, o glifo sozinho, que assume a cor do texto ao redor, e um squircle para ícones de app.
Vetorial
Bitmap
Para qualquer lugar que não aceite SVG — um avatar do GitHub ou Slack, um pacote npm, uma ficha de app. A versão quadrada é sangrada de propósito: esses serviços recortam e arredondam por conta própria, então um PNG transparente com um círculo dentro acaba virando um círculo dentro de outro círculo.
