Saulo Sampaio
Identidade visual
para Cirurgião Plástico.
Identidade visual
para Cirurgião Plástico.
A utilização de algoritmos possibilitam variações sutis para cada impressão ou carregamento de página, que resultam em uma identidade visual intimista e elegante.




Papelaria com aplicação da marca.

Web site para a Clínica de Cirurgia Plástica do Dr. Saulo Sampaio.
Foto: David Glat, 1992.
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
A utilização de algoritmos possibilitam variações sutis para cada impressão ou carregamento de página, que resultam em uma identidade visual intimista e elegante.




Papelaria com aplicação da marca.

Web site para a Clínica de Cirurgia Plástica do Dr. Saulo Sampaio.
Foto: David Glat, 1992.
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
/* @pjs font="/wp-content/data/UnicaOne-Regular.woff2"; preload="/wp-content/data/Ass3_bg.jpg, /wp-content/data/Ass3_logo_0.jpg, /wp-content/data/Ass3_logo_1.jpg, /wp-content/data/Ass3_logo_2.jpg, /wp-content/data/Ass3_logo_3.jpg, /wp-content/data/Ass3_logo_4.jpg, /wp-content/data/Ass3_logo_5.jpg, /wp-content/data/Ass3_logo_6.jpg, /wp-content/data/Ass3_logo_7.jpg, /wp-content/data/Ass3_logo_8.jpg, /wp-content/data/Ass3_logo_9.jpg"; */
Ass ass; Type types; color[] cor1 = { // #880400, #A53900, #5B0000, #710200, #440000 #1B1639, #11142B, #160F33, #000C33, #17133D }; color[] cor2 = { #D99164, #CC8443, #BE723C, #BB6D4A, #C77A58, #880400, #A53900, #5B0000, #710200, #440000 };
void setup() { size( 500 , 500 * 0.32 ); background(255,0); ass = new Ass(); types = new Type(); }
void draw() { logo(); noLoop(); }
void logo() { background(255,0); ass.desenha(); types.desenha(); }
void mousePressed() { logo(); }
class Ass {
PImage assMsk, assingn; int randAss, randCor1; Line linha;
Ass() { linha = new Line(); }
void desenha() { linha.desenha(); randAss = (int)random(-1, 10); randCor1 = (int)random(-1, 5); assingn = loadImage("/wp-content/data/Ass3_bg.jpg"); assMsk = loadImage("/wp-content/data/Ass3_logo_"+randAss+".jpg"); assingn.mask(assMsk); tint(cor1[randCor1]); image(assingn, 0, 0, width, height*0.74285); } }
class Type {
PFont fontTxt; int str, randCor2; String[] complemento = { "c i R u r g i a p l \u00C1 s T i c a", "c i r u R g I A p l \u00E1 s t i c A", "c i R u r g i A P l \u00E1 s t i c a", "C i r u r g I a p l \u00E1 s T i c A", "C i R u R G i a P l \u00C1 s t I c A", "c i r u r g i a p L \u00C1 s T I c A", "c i R u R g I A p l \u00E1 s t i c a", "c i r u r g i A P l \u00E1 s t i c a", "C i R u R g I a p l \u00E1 s T I c a", "C i R u R G i A P l \u00C1 s T I c A" };
Type() { fontTxt = createFont("/wp-content/data/UnicaOne-Regular.woff2", (height)); randCor2 = (int)random(-1, 5); }
void desenha() { fill(cor2[randCor2]); textFont(fontTxt, height*0.2); textAlign(CENTER); str = (int)random(-1, 10); text(complemento[str], width/2, height-height*0.22); } }
class Line {
float x1, x2, y;
Line(){ x1 = width/10; x2 = x1 + random(16,22); y = random(height/2+10,height/2+11); strokeCap(SQUARE); stroke(235); }
void desenha(){
//clear();
while(x1<(width/10)*9){
strokeWeight(random(6,5));
line(x1,y,x2,y);
x1 = x2 + random(6,12);
x2 = x1 + random(16,22);
//y = random(height/2+10,height/2+11);
}
x1 = width/8;
x2 = x1 + random(16,22);
}
}
A utilização de algoritmos possibilitam variações sutis para cada impressão ou carregamento de página, que resultam em uma identidade visual intimista e elegante.




Papelaria com aplicação da marca.

Web site para a Clínica de Cirurgia Plástica do Dr. Saulo Sampaio.