diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/DESIGN.md b/Frontkom/DESIGN.md similarity index 100% rename from DESIGN.md rename to Frontkom/DESIGN.md diff --git a/RedHatDisplay-Italic-VariableFont_wght.ttf b/Frontkom/assets/fonts/RedHatDisplay-Italic-VariableFont_wght.ttf similarity index 100% rename from RedHatDisplay-Italic-VariableFont_wght.ttf rename to Frontkom/assets/fonts/RedHatDisplay-Italic-VariableFont_wght.ttf diff --git a/RedHatDisplay-VariableFont_wght.ttf b/Frontkom/assets/fonts/RedHatDisplay-VariableFont_wght.ttf similarity index 100% rename from RedHatDisplay-VariableFont_wght.ttf rename to Frontkom/assets/fonts/RedHatDisplay-VariableFont_wght.ttf diff --git a/RedHatText-Italic-VariableFont_wght.ttf b/Frontkom/assets/fonts/RedHatText-Italic-VariableFont_wght.ttf similarity index 100% rename from RedHatText-Italic-VariableFont_wght.ttf rename to Frontkom/assets/fonts/RedHatText-Italic-VariableFont_wght.ttf diff --git a/RedHatText-VariableFont_wght.ttf b/Frontkom/assets/fonts/RedHatText-VariableFont_wght.ttf similarity index 100% rename from RedHatText-VariableFont_wght.ttf rename to Frontkom/assets/fonts/RedHatText-VariableFont_wght.ttf diff --git a/logo-frontkom-on-dark.svg b/Frontkom/assets/logos/logo-frontkom-on-dark.svg similarity index 100% rename from logo-frontkom-on-dark.svg rename to Frontkom/assets/logos/logo-frontkom-on-dark.svg diff --git a/logo-frontkom-symbol-outlined.svg b/Frontkom/assets/logos/logo-frontkom-symbol-outlined.svg similarity index 100% rename from logo-frontkom-symbol-outlined.svg rename to Frontkom/assets/logos/logo-frontkom-symbol-outlined.svg diff --git a/logo-frontkom.svg b/Frontkom/assets/logos/logo-frontkom.svg similarity index 100% rename from logo-frontkom.svg rename to Frontkom/assets/logos/logo-frontkom.svg diff --git a/README.md b/README.md index 9b4cc80..1735734 100644 --- a/README.md +++ b/README.md @@ -1,60 +1,61 @@ -# Frontkom Design +# Brand Design Repository -Machine-readable design system for [frontkom.com](https://frontkom.com), -following the open [DESIGN.md spec](https://github.com/google-labs-code/design.md) -from Google Labs. +Machine-readable design systems for multiple brands, following the open +[DESIGN.md spec](https://github.com/google-labs-code/design.md) from Google Labs. -Drop this file into any AI coding agent's context (Claude Code, Cursor, -Stitch, Gemini CLI, GitHub Copilot) and it will generate UI that matches -Frontkom's brand without further prompting. +## Structure -## Files +- `Frontkom/DESIGN.md` — Frontkom design system. +- `Frontkom/assets/` — Frontkom logos, fonts, images, exports. +- `Tindre/DESIGN.md` — Tindre design system. +- `Tindre/assets/` — Tindre logos, fonts, images, exports. -- `DESIGN.md` — the design system itself. YAML tokens + prose rationale. -- `assets/logo-frontkom.svg` — the wordmark, single-color, 560×107 viewBox. - All paths use `#35323C` (`{colors.foreground}`) so the logo inverts cleanly - on dark surfaces by setting `fill: var(--color-on-dark)`. +## Validate a brand file -## Validate +Run from repo root with the target file path: ```sh -npx @google/design.md lint DESIGN.md +npx @google/design.md lint Frontkom/DESIGN.md +npx @google/design.md lint Tindre/DESIGN.md ``` Should report `errors: 0, warnings: 0`. -## Export to Tailwind +## Export tokens + +Example for Frontkom: ```sh -npx @google/design.md export --format tailwind DESIGN.md > tailwind.theme.json +npx @google/design.md export --format tailwind Frontkom/DESIGN.md > Frontkom/tailwind.theme.json +npx @google/design.md export --format dtcg Frontkom/DESIGN.md > Frontkom/tokens.json ``` -Or to W3C DTCG `tokens.json`: +Example for Tindre: ```sh -npx @google/design.md export --format dtcg DESIGN.md > tokens.json +npx @google/design.md export --format tailwind Tindre/DESIGN.md > Tindre/tailwind.theme.json +npx @google/design.md export --format dtcg Tindre/DESIGN.md > Tindre/tokens.json ``` ## Use with Claude Code / Cursor -Put `DESIGN.md` at the project root. The agent will pick it up automatically. -For Claude Code, you can also reference it explicitly from `CLAUDE.md`: +Reference the brand-specific file in your project instructions: ```md ## Design system -Always follow the rules in `DESIGN.md`. Run -`npx @google/design.md lint DESIGN.md` after introducing new components to -verify WCAG AA compliance. +Always follow the rules in `Frontkom/DESIGN.md`. +Run `npx @google/design.md lint Frontkom/DESIGN.md` after introducing +new components to verify WCAG AA compliance. ``` +Use `Tindre/DESIGN.md` similarly when working on Tindre surfaces. + ## Use with Stitch -Generate the file natively in Stitch, or import this one via the Stitch -canvas → Design system → Import DESIGN.md. +Generate files natively in Stitch, or import the relevant brand file via +Stitch canvas → Design system → Import DESIGN.md. ## Status -`alpha` — both the DESIGN.md spec and this file are evolving. When the spec -adds gradient and shadow tokens, this file should be updated to use them -natively rather than documenting them in prose. +`alpha` — both the DESIGN.md spec and these brand files are evolving. diff --git a/Tindre/DESIGN.md b/Tindre/DESIGN.md new file mode 100644 index 0000000..782c669 --- /dev/null +++ b/Tindre/DESIGN.md @@ -0,0 +1,491 @@ +# Tindre.ai — Design + +**Version 2.5 · May 2026** +A Frontkom product. Norwegian AI for business. + +This is the English design reference for Tindre.ai. It reconciles two sources: + +- **[tindre.ai/presse](https://tindre.ai/presse)** — the public press and brand kit. Canonical for logos, the four core colors, the two fonts, and boilerplate. +- **Tindre.ai Brand Book v2.5** (internal) — the full system: extended palette, type scale, tone of voice, and application rules. + +Where the two differ, the press kit wins for anything shipped externally as-is (logo files, boilerplate). The brand book extends it everywhere else. + +> Working version. The Norwegian brand book is being compressed by the brand team; this file will follow. + +--- + +## Contents + +1. [Boilerplate](#1-boilerplate) +2. [Brand foundation](#2-brand-foundation) +3. [Positioning and audiences](#3-positioning-and-audiences) +4. [Messaging](#4-messaging) +5. [Tone of voice](#5-tone-of-voice) +6. [Logo](#6-logo) +7. [Color](#7-color) +8. [Typography](#8-typography) +9. [Light and dark mode](#9-light-and-dark-mode) +10. [UI components and layout](#10-ui-components-and-layout) +11. [Photography and iconography](#11-photography-and-iconography) +12. [Applications](#12-applications) +13. [Company and contact](#13-company-and-contact) + +--- + +## 1. Boilerplate + +The press kit publishes two official boilerplates. **Use the Norwegian wording verbatim — do not translate.** These texts are the brand's own voice and should appear as-is in press releases, partner materials, and PR. + +**One sentence (én setning)** + +> Tindre er en norsk AI-plattform fra Frontkom AS som kobler kunstig intelligens til systemene virksomheter allerede bruker. + +**One paragraph (ett avsnitt)** + +> Tindre er en norsk AI-plattform fra Frontkom AS i Oslo. Customer Experience er Tindres ferdige SaaS med AI-agenter for chat, stemme, søk, skjema og innsikt, og svarer kunder umiddelbart basert på virksomhetens egne data. I tillegg tilbyr Tindre pilotene Standards, Flow, Insight og Marketing Automation for organisasjoner som vil dokumentere arbeidsprosesser, automatisere repeterende oppgaver, hente innsikt fra egne datakilder eller styre all markedsføring fra én innboks. All data lagres i EU/EØS, plattformen er GDPR-kompatibel, og Customer Experience starter fra 5 000 kr/mnd. Frontkom har bygget digitale produkter for norsk offentlig og privat sektor siden 2003. + +--- + +## 2. Brand foundation + +### The name + +*Tindre* is not translated from English. It is a real Norwegian verb meaning *to sparkle, to shine, to be seen*. The name refers not to the technology, but to the effect the technology should have: clarity, trust, recognition. + +For Norwegian businesses tired of global AI platforms promising "state-of-the-art real-time insights," Tindre is something else. Built here. For them. + +### Purpose, vision, mission + +**Purpose — why we exist** +So Norwegian businesses can benefit from AI without becoming a tech company themselves. + +**Vision — where we're going** +To be the most-used AI platform in Norwegian businesses by 2028. + +**Mission — what we do** +We connect AI to your systems, set the boundaries, and make the tools ready from day one. + +### Values + +1. **Usability is the precondition.** If not everyone in the organization can use it from day one, we've failed. We design for the common case, not the technically impressive one. +2. **Data is trust, not technique.** Norwegian data handling is not a feature. It is a precondition. We treat data the way we'd treat our own. +3. **We say so when we don't fit.** If Tindre is not the right solution, we say so. Honesty builds longer customer relationships than sales do. +4. **Success is use, not delivery.** A project is not done when the code is deployed. It's done when people use it — and ideally don't want to live without it. + +--- + +## 3. Positioning and audiences + +**We are:** AI for businesses that want to use AI without becoming a tech company. +**We are not:** A generic AI platform translated from the global market. + +Tindre speaks to the entire buying team — same core message, different drivers. + +| Audience | Role | Driver | +|---|---|---| +| **Primary** | CEO · COO | Bottom-line impact. Growth and productivity without added technical debt. | +| **Central** | Head of customer service · CX | Reduce volume and cost. Better experience with fewer resources. | +| **Central** | Marketing director · Digital lead | Conversion and UX. Personalization without complexity. | +| **Technical** | IT director · CTO | Control, integrations, security. Norwegian data handling from the ground up. | + +--- + +## 4. Messaging + +### Concept: Our job. Your job. + +> The technology is our job. The job is yours. + +1. **We handle the technical.** Setup, integrations, security, operations — everything that needs developers. +2. **You do your job.** Customer service, communication, decisions, quality — what you're already good at. +3. **Results from day one.** No long implementation cycles. Value in the week the solution goes live, not in six months. + +### Message architecture — one core, three proofs + +**Core message** +Tindre connects AI to your systems. Safe, Norwegian, and ready to use from day one. + +| Pillar | Proof | +|---|---| +| **For everyone** — Simple enough that everyone uses it | No certification, no prompt courses. Just tools that fit into the workflow. | +| **Safe** — Norwegian data handling from the ground up | Data stays where it should. GDPR is not an afterthought. It's the foundation. | +| **From day one** — We set up, you use it | Onboarding measured in days, not quarters. Results before the contract is a year old. | + +### Key phrases + +- "From day one." +- "Built for you, not for engineers." +- "Safe, Norwegian, and ready." +- "It just gets the work done." + +--- + +## 5. Tone of voice + +### Personality + +Like a wise colleague — never a consultant in a suit. Close, but never casual. Expert, but never cold. + +- **Trustworthy** — confident in the craft, never boastful. Promise only what we can keep. +- **Warm** — speaks like a human, not a press release. +- **Direct** — short and clear. No buzzwords, no hype. +- **Norwegian** — built here. Understands context, regulation, and how work actually happens. + +### We say / we don't say + +| ✓ We say | ✕ We don't say | +|---|---| +| "AI doesn't have to be complicated. It just has to be set up right." | "Our state-of-the-art generative AI platform delivers real-time insights." | +| "We tell you if Tindre isn't right for you." | "We are market leaders in enterprise AI solutions." | +| "Built for Norwegian businesses. Not translated from something else." | "Implementation of our NLP engine requires minimal onboarding." | +| "From day one." | "AI is the future. Let us help you succeed!" | + +### Across languages + +Tindre speaks Norwegian first. English is for international clients, partners, and recruitment — but the tone follows the same rules: close but never casual, expert but never cold, honest about what we don't do. + +Never translate word for word. Translate the tone. *"Det bare gjør jobben."* becomes *"It just gets the work done."* — not *"It simply performs the task."* If an English sentence couldn't have been written by a Norwegian colleague fluent in English, rewrite it. + +### Guardrails — Tindre is never + +1. Cold +2. Arrogant +3. Complicated +4. Too technical +5. "An AI solution" + +If anything we make breaks one of these, we make it again. + +--- + +## 6. Logo + +The logo has three parts: + +- **Spark star** — four-pointed, gold +- **Wordmark** — TINDRE in Outfit Light, 5px letter-spacing +- **Suffix** — .AI in DM Sans Medium + +### Variants + +The press kit ships **two weight families** — Standard (screen, default) and Print/LED (Outfit Medium, weight 500) — each in four backgrounds. All files are available as **SVG, PNG, and PDF**. Text is converted to outlines, so the fonts don't need to be installed. + +| Variant | Background | Use | +|---|---|---| +| **Primary** (gold/white) | Dark — preferably `#0D1B2E` or black | Default on dark surfaces | +| **Dark** (gold/dark blue) | Light | Default on light surfaces | +| **Monochrome black** | Light | One-color print: engraving, stamp, black/white | +| **Monochrome white** | Dark or strongly colored | One-color print on dark or saturated backgrounds | + +### When to use the Print/LED weight + +Standard (Outfit Light) is the first choice. Switch to the heavier Print/LED variant when the production method can't hold thin strokes: + +1. Print on rough or absorbent surfaces (cardboard, uncoated paper, textile) +2. Embroidery and screen print +3. LED and backlit signs (light "eats" thin strokes) +4. Small print sizes under ~30mm + +**Never mix weights on the same surface** — one spread, one t-shirt, one sign uses one weight, consistently. + +### Standalone star + +The Gnist star is used alone as app icon, favicon, social avatar, brand accent, embossing, and stamp. + +### Clear space and minimum sizes + +Clear space is defined by **x**, the height of the Gnist star. Keep at least 1x clear space on all four sides. No text, graphic, or image edge enters the zone. + +| Context | Minimum size | +|---|---| +| Digital · screen | 120px wide | +| Print | 30mm wide | +| Star alone · favicon | 24px | + +Below these sizes the .AI suffix becomes unreadable. Use the star alone instead. + +### Misuse — never allowed + +1. Don't tilt +2. Don't stretch +3. Don't rotate +4. No shadows +5. No unofficial colors +6. Don't swap the star for another symbol +7. Don't put a frame around the logo +8. Never use low contrast + +--- + +## 7. Color + +### Public palette (press kit) + +Four colors. These are the only ones the press kit ships externally. + +| Name | Hex | RGB | Print | +|---|---|---|---| +| **Tindre Gull** (Gold) | `#C8954A` | 200 · 149 · 74 | PMS 7563 C · C20 M44 Y78 K6 | +| **Tindre Mørkeblå** (Dark Blue) | `#0D1B2E` | 13 · 27 · 46 | PMS 5395 C · C95 M85 Y50 K70 | +| **White** | `#FFFFFF` | 255 · 255 · 255 | — | +| **Black** | `#000000` | 0 · 0 · 0 | Black · C0 M0 Y0 K100 | + +Black is used **only** for single-color print (engraving, stamp, fax). The digital brand uses `#0D1B2E` instead. + +### Extended palette (internal) + +The brand book extends the public palette with three roles used inside the product and across applications. These don't appear in the press kit but are part of the working system. + +| Name | Hex | Role | +|---|---|---| +| **Klar** (Clear) | `#5B8DB8` | Info states, Tindre Connect sub-brand color, secondary accent | +| **Lin** (Linen) | `#F5F3EE` | Page background, card surface, inputs, neutral sections | +| **Dyp** (Deep) | `#1B2D45` | Hover states, active menu items, dark-mode card surface | + +Each core color has a tint series from 100 to 700 for UI states. + +### Color hierarchy + +| Color | Use | +|---|---| +| Natt (`#0D1B2E`) | Primary logo, headlines, navigation, primary buttons, dark backgrounds | +| Gnist (`#C8954A`) | Logo star, CTA buttons, links, accents, highlights, icons | +| Klar (`#5B8DB8`) | Info states, Tindre Connect, secondary accents | +| Lin (`#F5F3EE`) | Page background, card surface, inputs, neutral sections | +| Dyp (`#1B2D45`) | Hover states, active menu items, dark-mode card surface | + +### Product family accents + +| Product | Accent | +|---|---| +| Tindre Assist / Customer Experience | Gnist | +| Tindre Connect | Klar | +| Tindre Flow | Green | +| Tindre Studio | Purple | +| Tindre Insight | Black | + +--- + +## 8. Typography + +Two fonts. One scale. Both are open source and available on Google Fonts. + +**Outfit** — display, headlines, and the wordmark +Weights in use: 300 · 400 · 500 · 600 +Geometric, modern, slightly warm. Not cold tech. Carries the brand. + +> **Outfit Light (200) is reserved for the wordmark.** Never use it for headlines, display text, or any other UI — it gets thin and fragile at body and headline sizes. Headlines default to weight 500–600. + +**DM Sans** — body, UI, and the .AI suffix +Weights: 300 · 400 · 500 +Readable, neutral, trustworthy. Works at every size. Carries the content. + +### Type scale + +| Level | Font | Size | Weight | Letter-spacing | +|---|---|---|---|---| +| Wordmark | Outfit | variable | **200** (logo only) | +5px | +| Hero | Outfit | `clamp(56–96px)` | 500 | -0.02em | +| Display | Outfit | 48px | 500 | -0.01em | +| H1 | Outfit | 32px | 600 | — | +| H2 | Outfit | 22px | 600 | — | +| H3 | Outfit | 16px | 600 | — | +| Lead | DM Sans | 16px | 400 | — | +| Body | DM Sans | 14px | 400 | — | +| Small | DM Sans | 12px | 400 | — | +| UI label | DM Sans | 11px | 500 caps | +0.1em | + +--- + +## 9. Light and dark mode + +Tindre runs in two modes. Light is the friendly, open daytime mode. Dark is the focused evening mode. Both use the same palette, same typography, same logo — only the roles switch. + +**Light (standard · daytime)** + +- Background: Lin +- Cards & surfaces: White +- Headlines & body: Natt +- CTA & links: Gnist +- Logo: Dark variant (gold star · dark wordmark · gold .AI) + +**Dark (focus · evening)** + +- Background: Natt +- Cards & hover: Dyp +- Body: Lin +- CTA & links: Gnist +- Logo: Primary variant (gold star · white wordmark · gold .AI) + +### Switching rules + +1. **The logo follows the background, not the mode.** Dark variant on any light background; Primary variant on any dark background. +2. **Gnist stays Gnist in both modes.** CTAs, accents, and links use the same gold (`#C8954A`) in light and dark. That's the signature. +3. **Body contrast is non-negotiable.** Light: Natt on Lin (13:1). Dark: Lin on Natt (13:1). No mid-tones that lower readability. +4. **The toggle icon is neutral.** Sun/moon in grey. Never in Gnist — the toggle is not a CTA. + +--- + +## 10. UI components and layout + +### Six rules that hold the system together + +1. **Always use approved color combinations.** Text and background from the color hierarchy. No improvised pairings. +2. **Keep the logo clean.** No effects, no rotations, no alternate versions. +3. **Outfit for headlines, DM Sans for everything else.** Roles don't switch. Scale is fixed. +4. **Natt and Lin are load-bearing.** Gnist is the spark — use it sparingly, always with intent. +5. **Images match the brand.** Real people, warm tones, Norwegian context. +6. **Tone follows visual.** Warm form, warm copy. Never a conflict between what we show and what we say. + +### Buttons + +- **Primary:** Gnist background, white DM Sans Medium text, 6px radius, padding 10×18px. +- **Secondary:** Natt background, white text. +- **Tertiary:** outlined, Natt border, Natt text. +- **Text link:** inline, Gnist on hover. + +### Badges + +Small pill labels for product names and trust markers — e.g. "TINDRE ASSIST", "NORWEGIAN DATA HANDLING", "GDPR FROM DAY ONE". + +### Content cards + +White (light mode) or Dyp (dark mode). Small uppercase Gnist label, H3 headline, optional price line, optional quote, CTA pair. + +### Header and navigation + +The header is the first thing the user meets and the only element consistent across all of tindre.ai. + +| Element | Spec | +|---|---| +| Background | Natt (`#0D1B2E`) in both modes. The header doesn't change with theme — it's an anchor, not a surface. | +| Logo | Always Primary variant. 140px wide on desktop, 110px on mobile. | +| Menu items | DM Sans · 13px · weight 400 · Lin color. Hover: full opacity + Gnist underline. Never uppercase, never italic. | +| Language switcher | DM Sans · 11px · weight 500 · uppercase · letter-spacing +0.1em. Active locale is Gnist. Inactive is Lin at 0.7 opacity. | +| Light/dark toggle | 32×32px circle, 1px Lin border at 18% opacity. Sun/moon icon in Lin at 0.7 opacity. Never Gnist. | +| CTA | Gnist background, white DM Sans Medium, 6px radius, padding 10×18px. "Get a free demo" is the standard copy. | + +**Header rules** + +1. One header per page. Sub-nav (breadcrumbs, anchors) lives in content. +2. Header doesn't change with mode. +3. One CTA. Not two buttons in the header. +4. Sticky on scroll. + +### Grid and spacing + +12-column grid on web. Headlines up to 8 columns, body 6 columns with 24px margin. Measured line length stays under 80 characters. + +| Token | Use | +|---|---| +| 4px | Internal padding | +| 8px | Related elements | +| 16px | Between components | +| 24px | Section-internal space | +| 48px | Between sections | +| 80px | Major separation | + +### Typographic decoration + +The letter "t" and the word "tindre" appear quietly in the margins as a design element. Always discreet, always italic and light, color follows the background. Never carries information. Never use "tindre.ai" in decoration — only "t" or "tindre". + +**Strict rule: the decoration never sits behind or overlaps content.** It lives only in clear margin space — typically the bottom-right or bottom-left corner of a slide, page, or poster, where no headline, body text, image, or UI element will cross it. If there isn't enough empty margin to place it cleanly, leave it out. A slide without the decoration is always better than one where it sits under text. + +Reasonable placements: bottom corner of a presentation cover, edge of a banner, outside the content area on social posts. Never as a watermark behind a paragraph, never crossing a headline, never bleeding into a card or image. + +--- + +## 11. Photography and iconography + +### Photography + +Real people, real rooms, real work. Never stock-photo aesthetic. + +**We use** + +- Real people at work +- Warm, earthy tones +- The room tells the story +- Not a single screen in sight (unless the screen is the subject) +- Ethnic and age diversity +- Warm light · Norwegian interior · real conversations · product in use + +**We avoid** + +- Stock photo +- Glossy corporate +- Tech cliché +- Cold tones + +All photos are graded with a subtle Natt/Gnist duotone before publishing. Photos on the press kit are available in high resolution under "Skjermbilder" — *image rights are free for editorial use with attribution to Tindre / Frontkom AS*. + +### Iconography + +Simple, consistent line icons. Source: [Lucide.dev](https://lucide.dev), adjusted to Tindre style. + +- Line style, not filled +- Rounded corners +- Tindre colors only + +**Standard sizes** + +| Context | Size | +|---|---| +| Inline text | 16px | +| UI elements | 24px | +| Feature icons | 32px | + +--- + +## 12. Applications + +### Website · hero + +Dark Natt background. Primary logo in the nav. Outfit-Medium headline. Gnist CTA. Three trust tags. Nothing more. + +> **AI built for Norwegian businesses.** +> Tindre connects AI to your systems and makes it simple for everyone in the organization to work smarter. Safe, Norwegian, and shaped to how you actually work. + +Trust tags: *Used by 40+ Norwegian businesses · Norwegian data handling · GDPR from day one* + +### Social media + +LinkedIn · Instagram · Facebook all use the same color principles. Formula: photo + one message + wordmark. + +| Channel | Format | +|---|---| +| LinkedIn | 1200 × 627 | +| Instagram (feed) | 1080 × 1080 | +| Instagram (story) | 1080 × 1920 | +| Facebook | 1200 × 630 | + +### Presentation template + +16:9, 0.5″ margin. Natt for covers and section dividers, Lin for content slides. Numbers and stats lead, not body text. + +### Outdoor and event + +Large wordmark. One message. Visible from 50 meters. Sponsorships use one color, one message, clean type. + +--- + +## 13. Company and contact + +| | | +|---|---| +| **Name** | Tindre (product) / Frontkom AS (company) | +| **Founded** | Frontkom AS, 2003. Tindre launched as Frontkom's product platform. | +| **Headquarters** | Oslo, Norway | +| **Website** | [tindre.ai](https://tindre.ai) | +| **Press contact** | [hei@tindre.ai](mailto:hei@tindre.ai) | +| **General contact** | [hei@tindre.ai](mailto:hei@tindre.ai) | + +**Asset locations** + +- Logos, colors, fonts, boilerplate, screenshots: [tindre.ai/presse](https://tindre.ai/presse) +- Customer logos: `tindre.ai/brand/customers/` + +--- + +**Tindre.ai · v2.5 · May 2026** +A Frontkom product. *Norwegian-built, for Norwegian businesses.* diff --git "a/Tindre/Tindre.ai \302\267 Brand Book v3 \302\267 Frontkom.pdf" "b/Tindre/Tindre.ai \302\267 Brand Book v3 \302\267 Frontkom.pdf" new file mode 100644 index 0000000..b04f646 Binary files /dev/null and "b/Tindre/Tindre.ai \302\267 Brand Book v3 \302\267 Frontkom.pdf" differ diff --git a/Tindre/assets/README.md b/Tindre/assets/README.md new file mode 100644 index 0000000..f5a912b --- /dev/null +++ b/Tindre/assets/README.md @@ -0,0 +1,10 @@ +# Tindre Assets + +Place all Tindre brand assets in this folder. + +Suggested structure: + +- `logos/` +- `fonts/` +- `images/` +- `exports/` diff --git a/Tindre/assets/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf b/Tindre/assets/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..b57690a Binary files /dev/null and b/Tindre/assets/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf differ diff --git a/Tindre/assets/fonts/DMSans-VariableFont_opsz,wght.ttf b/Tindre/assets/fonts/DMSans-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000..94c9e1c Binary files /dev/null and b/Tindre/assets/fonts/DMSans-VariableFont_opsz,wght.ttf differ diff --git a/Tindre/assets/fonts/Outfit-VariableFont_wght.ttf b/Tindre/assets/fonts/Outfit-VariableFont_wght.ttf new file mode 100644 index 0000000..74caba1 Binary files /dev/null and b/Tindre/assets/fonts/Outfit-VariableFont_wght.ttf differ diff --git a/Tindre/assets/images/tindre-screenshot-for-hvem.png b/Tindre/assets/images/tindre-screenshot-for-hvem.png new file mode 100644 index 0000000..7d27963 Binary files /dev/null and b/Tindre/assets/images/tindre-screenshot-for-hvem.png differ diff --git a/Tindre/assets/images/tindre-screenshot-hero.png b/Tindre/assets/images/tindre-screenshot-hero.png new file mode 100644 index 0000000..74c0156 Binary files /dev/null and b/Tindre/assets/images/tindre-screenshot-hero.png differ diff --git a/Tindre/assets/logos/tindre-logo-dark.png b/Tindre/assets/logos/tindre-logo-dark.png new file mode 100644 index 0000000..d010c7f Binary files /dev/null and b/Tindre/assets/logos/tindre-logo-dark.png differ diff --git a/Tindre/assets/logos/tindre-logo-mono-black.png b/Tindre/assets/logos/tindre-logo-mono-black.png new file mode 100644 index 0000000..7c10107 Binary files /dev/null and b/Tindre/assets/logos/tindre-logo-mono-black.png differ diff --git a/Tindre/assets/logos/tindre-logo-mono-white.png b/Tindre/assets/logos/tindre-logo-mono-white.png new file mode 100644 index 0000000..473bd5c Binary files /dev/null and b/Tindre/assets/logos/tindre-logo-mono-white.png differ diff --git a/Tindre/assets/logos/tindre-logo-primary.png b/Tindre/assets/logos/tindre-logo-primary.png new file mode 100644 index 0000000..d144875 Binary files /dev/null and b/Tindre/assets/logos/tindre-logo-primary.png differ diff --git a/Tindre/tindre.skill b/Tindre/tindre.skill new file mode 100644 index 0000000..2481b21 Binary files /dev/null and b/Tindre/tindre.skill differ