DINNARTEC · MARCA · V1.0 · PROPUESTA CANÓNICA

La marca.
Un nodo y
sus líneas.

Cinco radios salen de un único punto relleno. Cada radio nombra uno de los cinco pilares sobre los que se construye Dinnartec. El centro es la compañía misma, un nodo en una trama de puntos que continúa, infinita, más allá del frame.

QUÉ ES
Una marca radial. Cinco radios de longitudes casi iguales, trazo uniforme de 8u con caps cuadrados. Círculo relleno en la convergencia.
POR QUÉ EXISTE
Para renderizar la tesis de marca como geometría: Dinnartec es un nodo en una matriz de conexiones infinitas.
CÓMO SE CONSTRUYE
Cinco ángulos definidos por el orden de las letras del nombre. Las longitudes varían levemente: armonía, no simetría. Dibujado en §05.
DÓNDE VIVE
En la trama dot-grid. Toda superficie Dinnartec (homepage, producto, signage, tarjeta) ya carga esa trama bajo la piel.
DNN·MARK · V1.0 · 240×240uANGLES 0° 88° 153° 243° 303° · LENGTHS 92 82 88 78 85u
01 · TesisLA PRIMERA AFIRMACIÓN

Antes de cualquier dibujo, una posición.

Dinnartec is not a company drawn on a canvas.
It is an activation of the canvas.

La trama dot-grid existe antes de la compañía y fuera de cualquier página individual. La marca es lo que ocurre cuando cinco puntos de esa lattice (the five pillars of the name) converge on a node and declare a position.

La marca no es la marca completa. La trama lo es. La marca es cómo la marca se presenta.

02 · La tramaTHE CANVAS BEFORE THE BRAND

Toda superficie Dinnartec carga este patrón: un campo regular de nodos, cada uno esperando ser activado.

THE LATTICE · BARENO ACTIVATION · ALL NODES DORMANT
THE LATTICE · ACTIVATEDONE NODE LIT · FIVE LINES DECLARED
PRINCIPLE
La marca es uno de los puntos de la trama, nombrado.
El centro de la marca es un único nodo relleno, visualmente idéntico to the dots of the background lattice, just a little louder. The spokes are the relationships that node has chosen to declare. The rest of the lattice continues, dormant, beyond the frame.
03 · El nombreFIVE LETTERS · FIVE PILLARS

«Dinnartec» no se inventa. Se compone: cinco fragmentos del nombre nombran cinco pilares de la compañía. La marca renderiza esa composición en geometría.

AXIS I
D
Development
BUILDS · 0° · 92u

Construimos con excelencia técnica.

El brazo que hace contacto físico con la realidad. Donde la trama se materializa.

AXIS II
INN
Innovation
INVENTS · 88° · 82u

Soluciones originales para problemas reales.

El brazo que abre nuevos puntos en la trama donde antes no había nada.

AXIS III
A
Adaptation
ADJUSTS · 153° · 88u

Evolucionamos con el mundo y sus necesidades.

El brazo que aprende de su entorno y reconfigura el nodo.

AXIS IV
R
Revolution
TRANSFORMS · 243° · 78u

Transformamos industrias, no sólo participamos en ellas.

El brazo que mueve estructuras enteras de la trama, no sólo un punto.

AXIS V
TEC
Technology
CONDUCTS · 303° · 85u

El puente entre abstracción técnica e impacto real.

El brazo que es el medio mismo, la fibra que transporta señal entre nodos.

D·INN·A·R·TEC
◊ READ IN ORDER · THE NAME SPELLS ITSELF
04 · AnatomíaCADA RADIO ES UN PILAR

Los cinco radios no son intercambiables. Cada uno se mapea a un pilar específico, por ángulo y por nombre. Los ángulos corren en sentido horario desde el norte, en el orden en que las letras aparecen en «Dinnartec».

ANATOMY · LABELEDANGLE FROM NORTH, CLOCKWISE
DDEVELOPMENTI · 0° · 92uINNINNOVATIONII · 88° · 82uAADAPTATIONIII · 153° · 88uRREVOLUTIONIV · 243° · 78uTECTECHNOLOGYV · 303° · 85u
AxisLetterPillarActionAngleLengthDirection
IDDevelopmentBuilds0°92uNorth
IIINNInnovationInvents88°82uEast
IIIAAdaptationAdjusts153°88uSouth-east
IVRRevolutionTransforms243°78uSouth-west
VTECTechnologyConducts303°85uNorth-west
05 · ConstrucciónHOW TO DRAW IT

La marca se resuelve en cinco números por radio y un número para el nodo. Cualquiera con una herramienta vectorial, un transportador y estas especificaciones puede reconstruir la marca canónica.

GEOMETRY · DIMENSIONED240u CANVAS · CENTER (120, 120)
N · 0°(120, 120)92u82u88u78u85u240×240u
FIVE STEPS
01

Establish the canvas.

240u square viewBox. Center at (120, 120), itself a node on the lattice.

02

Mark the five angles.

Measured from north, clockwise. 0°, 88°, 153°, 243°, 303°. Fixed by the order of the letters in the name.

03

Project each spoke to its length.

Cinco longitudes en la marca canónica: 92, 82, 88, 78, 85u. Rango 14u, armonía con diferenciación sutil, no jerarquía dramática. Los ángulos ya codifican el orden de letras; las longitudes se mantienen cercanas para unificar la silueta.

04

Stroke each spoke.

8u uniform stroke. Square caps (strokeLinecap='square'). No tapers, no curves.

05

Place the node.

Un círculo relleno en (120, 120). Radio 14.4u (trazo × 1.8): lo bastante grande para leerse como nodo discreto donde convergen los radios, lo bastante pequeño para no competir con ellos.

CLEARSPACE · THE MARK NEEDS ROOM
CLEARSPACE · 1× THE LONGEST SPOKE92u BUFFER FROM EVERY EDGE
CLEARSPACE · 92u BUFFER

Ninguna compañía, nunca, dentro del buffer.

Clearspace = longitud del radio más largo (92u). Sin tipo, sin edge, no other graphic element may enter that radius. The mark needs the lattice around it to read as «a node on a lattice» rather than «a glyph in a layout».

Excepciones: el patrón dot-grid puede continuar dentro del clearspace. It is the substrate, not a competing element.

06 · La historiaBRIEF EN CUATRO CAPÍTULOS

Si tienes noventa segundos, esta es la marca. La marca renderiza esta historia en geometría; la geometría, a su vez, hace memorable la historia.

I
CHAPTER I

El canvas

Un campo regular de nodos. Quieto, infinito, esperando.

Antes de la compañía, antes de cualquier producto o página, hay una trama: una grilla de puntos idénticos sin centro, sin borde, sin dirección preferida. La trama es donde Dinnartec se para; no es lo que Dinnartec fabrica.

Toda superficie Dinnartec (homepage, deck, tarjeta, app icon, signage) carga esa trama bajo la piel. Aparece de forma explícita en el dot-grid del hero de home. Aparece de forma implícita en cada alineación de cada componente del design system.

La compañía habita la trama; no es su autora.

II
CHAPTER II

Los pilares

El nombre se descompone en cinco disciplinas.

La palabra «Dinnartec» no se inventa. Se compone: cinco fragmentos del nombre nombran cinco pilares de la compañía.

Development builds: the arm that makes physical contact with reality, where the lattice materializes. Innovation invents: the arm that opens new points in the lattice where there was nothing before. Adaptation adjusts: the arm that learns from its surroundings and reconfigures the node. Revolution transforms: the arm that moves entire structures, not just a single point. Technology conducts: the arm that is the medium itself, the fiber that carries signal between nodes.

Los cinco no son valores en sentido blando. Son columnas: portantes, estructurales. Quita cualquiera y la compañía ya no es Dinnartec.

III
CHAPTER III

La convergencia

Five rays, one origin, near-equal reach.

Cada pilar sale del canvas en su propio ángulo y recorre una distancia levemente distinta. Los ángulos los dicta el orden de las letras en el nombre. Las longitudes varían sutilmente. Development en 92 unidades llega más lejos; Revolution en 78 unidades queda más cerca.

Las diferencias son lo bastante pequeñas para leerse como armonía y lo bastante grandes para negar simetría pura. Los pilares no son intercambiables ni están jerarquizados dramáticamente. La marca rechaza igualdad plana y teatro.

Donde los cinco radios se encuentran, un pequeño círculo relleno forma el nodo. El nodo es la compañía misma, declarada.

IV
CHAPTER IV

La marca

Un nodo se nombra. La trama continúa.

La marca completa es lo que ves cuando un nodo específico de la trama (Dinnartec) declara sus cinco conexiones. Cinco líneas salen de un único punto de origen; el punto está relleno, las líneas son uniformes.

Fuera del frame, la trama continúa. Otros nodos esperan, dormidos. Otras conexiones podrían formarse. La marca es un momento de activación en un sistema que puede sostener infinitos.

That is the whole brief.

07 · SubmarcasTHREE HUES ON THE MATRIX

Solutions, Factory y Labs son las verticales comerciales de Dinnartec. Cada una habla por un pilar del nombre; cada una viste la marca en su propio tono. La marca adopta el color de la vertical completa, no sólo en un radio.

RULE · BRAND HUE
Cada vertical viste su tono. La marca completa lo adopta.
El tono es estructural, no decorativo. Solutions nunca viste cobalt; Factory never wears steel. When the mark dresses for a vertical, every spoke and the central node take the same colour the silhouette stays intact, only the ink shifts.
01 / 03 · DINNARTEC · SOLUTIONS◊ AXIS III · ADAPTATION
Vertical 01 · Indigo-violet

Dinnartec
solutions.

Consultoría tecnológica estratégica. La vertical que adapta la marca al cliente.

«Reads context. Reshapes itself.»
Adaptation pillar·south-east spoke·Indigo-violet hue
Vertical 02 · Cobalt

Dinnartec
factory.

Ingeniería productizada. La vertical que construye los productos propios de la compañía.

«Builds the substrate the brand stands on.»
Technology pillar·north-west spoke·Cobalt hue
02 / 03 · DINNARTEC · FACTORY◊ AXIS V · TECHNOLOGY
03 / 03 · DINNARTEC · LABS◊ AXIS II · INNOVATION
Vertical 03 · Steel

Dinnartec
labs.

Investigación aplicada. La vertical que empuja el límite de lo que construiremos después.

«Pushes the edge. Reports back.»
Innovation pillar·east spoke·Steel hue
solutions
Axis III · Adaptation
factory
Axis V · Technology
labs
Axis II · Innovation
08 · LockupsMARK + WORDMARK

Tres combinaciones permitidas. El lockup horizontal es el canónico. El lockup apilado es para contextos estrechos (mobile splash, signage vertical). La forma compacta es la marca sola.

HORIZONTAL · CANONICALGAP = 2× THE D-CAP HEIGHT
Dinnartec
STACKED · NARROW CONTEXTSGAP = 1.5× D-CAP HEIGHT
Dinnartec
COMPACT · MARK ONLYUSED IN APP ICONS · FAVICON · SIGNAGE
WORDMARK SPECIFICATION
Dinnartec
FAMILY
Syne · Display
WEIGHT
700 · Bold
TRACKING
-0.045em
LINE-HEIGHT
0.85
HORIZONTAL · PAPERINVERSE
Dinnartec
09 · EscalaHONEST READING AT EVERY SIZE

La marca sobrevive a la compresión. Desde 240px canónicos hasta un favicon de 14px, la silueta se sostiene porque siempre fue una sola masa de tinta: cinco trazos que se encuentran en un punto, sin espacio negativo entre elementos que perder.

14PX · MIN.
24PX · GLYPH
40PX · TOOLBAR
64PX · CARD
120PX · HEADER
240PX · CANONICAL
STROKE COMPENSATION

El trazo canónico de 8u sólo es correcto en tamaño canónico de render. En smaller sizes the stroke must scale up in viewBox units to maintain visual weight. Standard ladder: 240px = 6u · 120px = 8u · 64px = 10u · 40px = 12u · 24px = 16u · 14px = 22u. The center node tracks the stroke at radius = stroke × 1.8.

10 · AplicacionesTHE MARK IN CONTEXT

App icons en superficies, tarjetas, favicon de navegador. La asimetría de los radios se preserva en toda escala; el nodo ancla la marca donde caiga.

APP ICONS · 96×96
INK
PAPER
SOLUTIONS
FACTORY
LABS
DEEP
BUSINESS CARDS · 16:9 · DARK + PAPER
DNN · 2026 · v1.0
Camila Restrepo
Solutions Lead
camila@dinnartec.com
+57 310 4628 990
dinnartec.com
DNN · 2026 · v1.0
Camila Restrepo
Solutions Lead
camila@dinnartec.com
+57 310 4628 990
dinnartec.com
SOCIAL AVATARS · CIRCULAR · 88×88
LINKEDIN · INK
X · PAPER
INSTAGRAM · SOLUTIONS
GITHUB · LABS
EMAIL SIGNATURE · INLINE
Camila Restrepo
Solutions Lead · Dinnartec
camila@dinnartec.com
+57 310 4628 990
dinnartec.com/solutions
BROWSER · TAB + LANDING
dinnartec.com×https://dinnartec.com
Dinnartec
Innovating the future · Improving the present
OG · SOCIAL SHARE · 1200×630
◊ DNN · OG / 2026◊ 1200 × 630◊ DINNARTEC.COM◊ NODE / 005
Five pillars · One nodeDinnartec.
Innovating the future, improving the present.
11 · Anti-patronesWHAT NEVER HAPPENS TO THE MARK

La marca es robusta porque sus reglas son precisas. Estos ocho tratamientos están prohibidos, no porque sean feos, sino porque rompen la tesis de marca.

◊ DON'T · ROTATE

Angles are mapped to letters. Rotating reorders the pillars.

◊ DON'T · DISTORT

The 240u canvas is square. Stretching breaks the angle math.

◊ DON'T · DROP SHADOW

No shadows anywhere in the DS. The mark uses hairlines and ink, full stop.

◊ NO · AGREGAR UN ANILLO

Un anillo concéntrico alrededor del nodo es cliché de dashboard. El nodo se sostiene solo.

◊ DON'T · MULTI-COLOR THE SPOKES

The mark adopts one hue at a time, never one colour per spoke. When a sub-brand dresses the mark, every line takes the same ink.

◊ DON'T · ROUND THE CAPS

Square caps are the DS signature. Round caps soften the geometry into something else.

◊ DON'T · GRADIENT FILL

No gradients on strokes. The lattice is uniform; the mark inherits that uniformity.

◊ DON'T · REPLACE THE NODE

The center is a filled circle. Squares, stars, hexagons all break the «node on the lattice» reading.

12 · EspecificacionesEVERY NUMBER · ONE PLACE

Si la marca debe reconstruirse sin este documento, la siguiente página es la única necesaria. Todas las medidas; sin prosa.

GEOMETRY
ViewBox0 0 240 240
Center(120, 120)
Spoke count5
Stroke8u · uniform · square caps
Node shapeFilled circle
Node radius14.4u (stroke × 1.8)
Clearspace92u (= longest spoke)
Min print size14px
SPOKES
I · D0° · 92u · North
II · INN88° · 82u · East
III · A153° · 88u · South-east
IV · R243° · 78u · South-west
V · TEC303° · 85u · North-west
COLOR · DARK MODE
Mark fill (master)#FAFAF7 (var --paper)
Background#0A0A0B (var --ink)
Solutions hue#836CDA · whole mark
Factory hue#5B7BE0 · whole mark
Labs hue#8FA3BD · whole mark
COLOR · PAPER MODE
Mark fill (master)#0A0A0B (var --ink-on-paper)
Background#F4F2EC (var --paper-ground)
Solutions hue#3D2D85 · solutions-ink
Factory hue#2A3FA0 · factory-ink
Labs hue#3D4A5C · labs-ink
LOCKUP
Wordmark familySyne · Display
Wordmark weight700
Wordmark tracking-0.045em
Mark-to-wordmark gap2× D-cap height (horizontal)
Stacked gap1.5× D-cap height
SCALE LADDER · STROKE COMPENSATION
240px (canonical)6u stroke · 10.8u node
120px (header)8u stroke · 14.4u node
64px (card)10u stroke · 18u node
40px (toolbar)12u stroke · 21.6u node
24px (glyph)16u stroke · 28.8u node
14px (favicon)22u stroke · 39.6u node