Saltar al contenido principal
Ilustraciones botánicas de TANNIN con colores vivos y textura granulada

​
Dentro de la carpeta

Los agentes empiezan por SKILL.md, leen las directrices relevantes de references/ y usan los archivos de assets/ para su tarea.
SKILL.md
references
brand-foundations.md
color-and-type.md
logo-and-marks.md
layout-and-composition.md
illustration-system.md
photography.md
voice-and-messaging.md
packaging-and-applications.md
generation-guidance.md
README.md
ATTRIBUTION.md

​
Vista previa de los archivos

Desplegá un archivo para leer su contenido completo, incluidas las imágenes y los enlaces. Son los archivos de la descarga y se conservan en su inglés original.

SKILL.md

The entry point: brand essentials and which files to read.

Frontmatter
TANNINTea without ceremony. Build around oversized editorial type, grainy botanical forms, candy colors, and small, practical labels. The result should feel like tea in daily city life: a cup in hand, a bright carton on a shelf, a poster seen across the street.TANNIN packaging systemStart with the assets
  1. Read assets/manifest.json and inspect the source board closest to the requested output.
  2. Read the relevant references below. Use the source images to judge proportions, texture, and density; prose alone cannot establish those details.
  3. Reuse a bundled mark, illustration, or template where it fits. The SVGs are editable reconstructions; the original boards are visual references.
  4. For new imagery, generate the artwork separately, then compose exact type and labels in SVG or design software. Follow generation guidance.
  5. Render the result and inspect it at its intended size before delivery. Include an editable source and a preview when the task calls for a visual artifact.
Essentials
  • Give one wordmark or display statement clear dominance. Use a high-contrast serif, with italic available for campaign language.
  • Let one large botanical form or ribbon cross the type or frame. Keep the silhouette simple and its surface grainy.
  • Combine ink, one pastel ground, and one to three saturated accents. Use the working palette.
  • Place small sans-serif facts, rules, pills, or seals around the edges. Keep useful information legible.
  • Make the center dense and the outer margins calm. Use asymmetry inside a clear rectangular structure.
  • Write short, concrete phrases about tea, flavor, and everyday use.
Non-negotiablesAvoid generic wellness minimalism, beige-only luxury styling, watercolor botanical clipart, evenly spaced centered layouts, and invented Japanese or other Asian visual shorthand. Gradients are not a primary brand device. Never stretch a raster logo. Preserve deliberate overlap without obscuring product facts.Use the bundled Bodoni Moda and DM Sans as production substitutes. Their use does not establish the original identity’s typefaces. Treat palette values and SVGs as reconstructed working assets.Read for the taskCheck the outputCan you identify the dominant statement immediately? Does the illustration have a distinctive shape and visible grain? Are color, overlap, and small labels doing useful work? Is every word correct, every essential fact readable, and every linked image or font available? Compare the result with a source board before calling it finished.See attribution for provenance and README for local use.
Color and typeUse a pastel ground with clear, saturated interruptions. Black-like ink anchors the typography; the artwork introduces the strongest color collisions.Color and type across packagingReconstructed working paletteThese values are practical approximations for this package, not published source specifications.Choose ink, one pastel ground, and one to three saturated accents per composition. Repeat the chosen ground consistently within a flavor’s applications. Keep small facts on a quiet, high-contrast area. Do not use the whole palette in every piece.Production type substitutesThe original proprietary typefaces have not been identified. The bundled fonts provide a working substitute:
  • Bodoni Moda: wordmark approximations, large flavor names, and display statements.
  • Bodoni Moda Italic: campaign phrases where a more fluid gesture is useful.
  • DM Sans: ingredients supplied by the brief, format labels, small descriptions, and utility text.
Use a pronounced jump between display and utility sizes. Tighten display spacing by eye and keep line breaks deliberate. Let large words approach one another; give tiny text enough spacing to stay readable.Avoid setting every line in the display serif. Its contrast works because plain utility type remains available. Check font loading and line breaks in the final export, especially when opening an SVG in a different application.
Layout and compositionBuild a clear rectangular composition around a dense center. Let large typography and one organic form interact, then position small facts or labels along the edges.Original poster compositionsCompose in this order
  1. Set the dominant wordmark or campaign statement. Decide its line breaks before adding decoration.
  2. Place one large botanical intervention. Let it cross a letter, overlap a rule, or reach toward a frame edge.
  3. Add utility information in a small sans-serif: a brief description, format, or supplied product fact.
  4. Add a fine rule, pill, or single seal only where it organizes or balances the page.
  5. Adjust the outer margins so the crowded center has room around it.
Use asymmetry with a visible underlying alignment. A large off-center motif can balance a tall block of type. Tiny labels can sit on a shared rail even when the display lettering breaks that alignment.Scale and overlapDeliberate collision gives the identity energy. Preserve recognizable letter shapes and keep essential details outside the busiest overlap. If every element is equally large, reduce the supporting elements. If everything is neatly separated, increase the relationship between the main type and illustration.Social compositions and cropsUse the poster template as a starting point. For a different aspect ratio, recompose the hierarchy and crop; do not squeeze the entire layout into a new frame.
Illustration systemThe illustration language reduces plants and flavor cues to a few large forms: bent stems, folded petals, fruit-like loops, and curling ribbons. Grain gives those forms a tactile surface. Silhouette comes first; texture supports it.Botanical forms on cartons and sachetsConstruct a new motifStart with one recognizable gesture, such as a leaf bending around a fruit or a ribbon opening into a bloom. Limit the main shape count so the artwork remains readable on a sachet. Use overlaps to suggest depth, with contrasting color areas and speckled transitions.Keep edges deliberate. Avoid watercolor bleed, stock botanical outlines, realistic botanical plates, soft 3D blobs, and decorative leaves scattered evenly around the page. The motif should have a center of gravity and enough open space for type to cross it.Reusable assets
  • Ribbon bloom: an editable starting point for a looping botanical gesture.
  • Loop fruit: an editable starting point for an abstract fruit form.
  • Peach/shiso botanical: a generated demonstration asset for a new seasonal flavor. Generated peach/shiso demonstration artwork
The generated image is new work made for this package. Use it to understand how a fresh flavor can extend the visual language, not as evidence of an original TANNIN product.For generation, read generation guidance. Create the motif without text, then place it into the layout with exact typography.

​
Movimiento

El sistema de ilustración también se aplica al movimiento. Usá esta referencia original para observar cómo se mueven las formas botánicas sin perder su textura y sus colores saturados.

Referencia de movimiento original de TANNIN, incluida en la Brand Skill.

​
Descargá la Brand Skill

Extraé la carpeta y dales a tus agentes acceso a SKILL.md.

Descargar la Brand Skill de TANNIN

La carpeta completa, con todos los archivos y recursos mostrados arriba.
Identidad original de Anna Kuziuk. Este ejemplo incluye recursos reconstruidos; consultá ATTRIBUTION.md en la descarga. TANNIN no es cliente de Rainbrand.