Révélateur de Talents

Design System AREKO GROUP

Harmonisez vos interfaces, optimisez vos flux de travail et offrez à vos équipes un cadre méthodologique propice à l'expression de leur plein potentiel. Conçu pour inspirer, structurer et propulser nos créations digitales.

Voir les composants

Tableau de bord conceptuel, composants UX minimalistes et design épuré symbolisant la croissance

AREKO DESIGN SYSTEM

Typography Hierarchy Showcase

At AREKO, our brand mission is to build highly accessible, professional training environments that drive clear outcomes. This typographic spec sheet governs our interfaces, ensuring our message remains sober, structured, and authoritative. By pairing the urgent, high-impact weight of Roboto Condensed with the meticulous legibility of Inter, we project an educational space that is both highly technical and profoundly clean.

Heading 1

Roboto Condensed Bold • 3.5rem

Empowering Global Talent Through Training

Heading 2

Roboto Condensed Bold • 2.5rem

Our Core Training Philosophy

Heading 3

Roboto Condensed Bold • 1.75rem

Actionable Skill Acquisition Program

Body Text

Inter Regular • 1.0rem

This body specimen is rendered in Inter Regular. It is meticulously designed for high readability across longer paragraphs, curriculum descriptions, program parameters, and course syllabi. The sober weight of the font allows students and enterprise partners to gather crucial data points quickly and efficiently.

Small Text

Inter Medium • 0.85rem

This small specimen is optimized for tags, annotations, side-notes, legal terms, and peripheral layout information. It is displayed in Inter with a slightly increased medium weight of 500 to maintain legible crispness even at smaller resolutions on professional handheld screens.

AREKO Brand Color Palette

The foundation of our sober, high-contrast visual identity. Designed for clear corporate communication and professional training environments.

Primary Red

Used for core brand elements, primary CTA states, and prominent status alerts. Demands focus and project confidence.

#B9181E

Secondary Yellow

An energetic highlight tone for markers, accent warnings, and secondary callouts. Promotes warmth and key notice indicators.

#EFD801

Pure White

#FFFFFF

Light Grey

#F9F9F9

Dark Charcoal

#222222

NOUVEAU

AREKO UI Component System

Explore interactive elements, system progress trackers, and navigation lists styled according to our professional and sober visual standards.

Action Controls

Clean primary and outlined secondary buttons for task hierarchy.

Primary Action Secondary Action

System Progress

Visual loading feedback using signature AREKO Yellow branding.

Module loading

75%

Interface Clarity

Clear iconography paired with clean lists to guarantee readability.

Aperçu de la formation

Découvrez notre catalogue de modules professionnels

Recrutement

Techniques d'Entretien Recruteur

Maîtrisez les méthodes d'évaluation et de questionnement pour sécuriser vos recrutements stratégiques.

[ Emplacement libre ]