TeltoHeart EAN: Difference between revisions
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
<!-- Header --> | <!-- Header --> | ||
<div style="background: linear-gradient(135deg, # | <div style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%); border-radius: 14px; padding: 36px 40px; margin-bottom: 24px; box-shadow: 0 4px 24px rgba(0,0,0,0.22);"> | ||
<div style="font-size: | <div style="display:inline-block; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.15); border-radius:6px; padding:4px 12px; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#a0aec0; margin-bottom:14px;">Product Identification</div> | ||
<div style="color: # | <div style="font-size: 30px; font-weight: 700; color: #ffffff; letter-spacing: -0.5px; margin-bottom: 10px;">European Article Number <span style="color:#63b3ed;">(EAN)</span></div> | ||
<div style="color: #a0aec0; font-size: 14px; line-height: 1.7; max-width:700px;">A standard describing a barcode symbology and numbering system used in global trade to identify a specific retail product type, in a specific packaging configuration, from a specific manufacturer.</div> | |||
</div> | </div> | ||
<!-- Description --> | <!-- Description --> | ||
<div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: | <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 28px 32px; margin-bottom: 24px; box-shadow:0 1px 4px rgba(0,0,0,0.05);"> | ||
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: | <div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #a0aec0; margin-bottom: 16px;">📄 Description</div> | ||
<div style="font-size: 14px; color: #2d3748; line-height: 1. | <div style="font-size: 14px; color: #2d3748; line-height: 1.8; margin-bottom: 16px;">The standard has been subsumed in the Global Trade Item Number standard from the GS1 organization; the same numbers can be referred to as GTINs and can be encoded in other barcode symbologies defined by GS1. EAN barcodes are used worldwide for lookup at retail point of sale, but can also be used as numbers for other purposes such as wholesale ordering or accounting.</div> | ||
<div style="background: #ebf8ff; border: 1px solid #bee3f8; border-left: 4px solid #3182ce; border-radius: 8px; padding: | <div style="background: linear-gradient(135deg, #ebf8ff, #f0f7ff); border: 1px solid #bee3f8; border-left: 4px solid #3182ce; border-radius: 8px; padding: 14px 18px; font-size: 14px; color: #2c5282; line-height: 1.7;"> | ||
<strong>💡 What information is included in an EAN?</strong><br/>The EAN includes the country of origin, the manufacturer and a product number, as well as a checksum digit. | |||
</div> | |||
</div> | </div> | ||
<!-- EAN Codes --> | <!-- EAN Codes --> | ||
<div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: | <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 28px 32px; margin-bottom: 24px; box-shadow:0 1px 4px rgba(0,0,0,0.05);"> | ||
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: | <div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #a0aec0; margin-bottom: 20px;">🏷️ TeltoHeart EAN Codes</div> | ||
<table style="width: 100%; border-collapse: separate; border-spacing: | <table style="width: 100%; border-collapse: separate; border-spacing: 14px;"> | ||
<tr> | <tr> | ||
<td style="width: 33%; text-align: center; background: #f7fafc; border: 1px solid #e2e8f0; border-radius: | <td style="width: 33%; text-align: center; background: linear-gradient(180deg, #f7fafc 0%, #edf2f7 100%); border: 1px solid #e2e8f0; border-radius: 10px; padding: 24px 16px; box-shadow:0 2px 6px rgba(0,0,0,0.04);"> | ||
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase | <div style="display:inline-block; background:#3182ce; border-radius:20px; padding:2px 14px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#fff; margin-bottom:12px;">Size S</div> | ||
<div style="font-size: 15px; font-weight: 700; color: #2d3748; font-family: monospace; margin-bottom: | <div style="font-size: 15px; font-weight: 700; color: #2d3748; font-family: 'Courier New', monospace; margin-bottom: 16px; letter-spacing:1px;">4779051850181</div> | ||
[[image:4779051850181.png|180px|center]] | [[image:4779051850181.png|180px|center]] | ||
</td> | </td> | ||
<td style="width: 33%; text-align: center; background: #f7fafc; border: 1px solid #e2e8f0; border-radius: | <td style="width: 33%; text-align: center; background: linear-gradient(180deg, #f7fafc 0%, #edf2f7 100%); border: 1px solid #e2e8f0; border-radius: 10px; padding: 24px 16px; box-shadow:0 2px 6px rgba(0,0,0,0.04);"> | ||
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase | <div style="display:inline-block; background:#3182ce; border-radius:20px; padding:2px 14px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#fff; margin-bottom:12px;">Size M</div> | ||
<div style="font-size: 15px; font-weight: 700; color: #2d3748; font-family: monospace; margin-bottom: | <div style="font-size: 15px; font-weight: 700; color: #2d3748; font-family: 'Courier New', monospace; margin-bottom: 16px; letter-spacing:1px;">4779051850167</div> | ||
[[image:TeltoHeart_EAN.png|180px|center]] | [[image:TeltoHeart_EAN.png|180px|center]] | ||
</td> | </td> | ||
<td style="width: 33%; text-align: center; background: #f7fafc; border: 1px solid #e2e8f0; border-radius: | <td style="width: 33%; text-align: center; background: linear-gradient(180deg, #f7fafc 0%, #edf2f7 100%); border: 1px solid #e2e8f0; border-radius: 10px; padding: 24px 16px; box-shadow:0 2px 6px rgba(0,0,0,0.04);"> | ||
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase | <div style="display:inline-block; background:#3182ce; border-radius:20px; padding:2px 14px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#fff; margin-bottom:12px;">Size L</div> | ||
<div style="font-size: 15px; font-weight: 700; color: #2d3748; font-family: monospace; margin-bottom: | <div style="font-size: 15px; font-weight: 700; color: #2d3748; font-family: 'Courier New', monospace; margin-bottom: 16px; letter-spacing:1px;">4779051850198</div> | ||
[[image:4779051850198.png|180px|center]] | [[image:4779051850198.png|180px|center]] | ||
</td> | </td> | ||
| Line 41: | Line 44: | ||
<!-- External Links --> | <!-- External Links --> | ||
<div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: | <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px 32px; box-shadow:0 1px 4px rgba(0,0,0,0.05);"> | ||
<div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: | <div style="font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #a0aec0; margin-bottom: 14px;">🔗 External Links</div> | ||
<div style="display: flex; flex-direction: column; gap: | <div style="display: flex; flex-direction: column; gap: 10px;"> | ||
<div style="padding: | <div style="padding:11px 16px; border-radius:8px; font-size:13px; font-weight:600; color:#2b6cb0; background:#ebf8ff; border:1px solid #bee3f8; transition:background 0.2s;">[https://en.wikipedia.org/wiki/International_Article_Number 🌐 Wikipedia — International Article Number →]</div> | ||
<div style="padding: | <div style="padding:11px 16px; border-radius:8px; font-size:13px; font-weight:600; color:#2b6cb0; background:#ebf8ff; border:1px solid #bee3f8;">[https://www.ean-search.org/ 🔍 EAN Search →]</div> | ||
</div> | </div> | ||
</div> | </div> | ||