Skip to content
DOL Studio

Program logo

Design: Stable Code: Design only brandidentityprogram 1 Figma set Program logo

Live preview

Gallery

16 programs · Style 1 (Color · No-Kid) — canonical identity marks shipped in this build.
IELTS program logoIELTS
IELTS THCS program logoIELTS THCS
TOEIC program logoTOEIC
SAT 2017 program logoSAT 2017
GMAT program logoGMAT
ETS GRE program logoETS GRE
GMAT-ETS program logoGMAT-ETS
Junior program logoJunior
THPT program logoTHPT
DGNL program logoDGNL
K12 program logoK12
K10 program logoK10
K5 program logoK5
Phát âm program logoPhát âm
Giao tiếp program logoGiao tiếp
Tools program logoTools

Display sizes

3 canonical heights — 24px (compact) / 40px (default) / 64px (hero). IELTS as exemplar; same scale applies to all 16.
IELTS program logo24px
IELTS program logo40px
IELTS program logo64px

Hero header surfaces

Production composition — slate-50 card lets each SVG's brand color read cleanly. Mirror this pattern in landing / lesson / dashboard headers.
IELTS programLộ trình IELTS · 4 kỹ năng
TOEIC programTOEIC 2-skill / 4-skill
THPT programLuyện thi THPT 2025

Asset paths

BasePath /ds-assets/program-logo/style-1/ — designer reference for copy-into-Figma / consumer code.
IELTS → /ds-assets/program-logo/style-1/ielts.svg
IELTS THCS → /ds-assets/program-logo/style-1/ielts-thcs.svg
TOEIC → /ds-assets/program-logo/style-1/toeic.svg
SAT 2017 → /ds-assets/program-logo/style-1/sat-2017.svg
GMAT → /ds-assets/program-logo/style-1/gmat.svg
ETS GRE → /ds-assets/program-logo/style-1/ets-gre.svg
GMAT-ETS → /ds-assets/program-logo/style-1/gmat-ets.svg
Junior → /ds-assets/program-logo/style-1/junior.svg
THPT → /ds-assets/program-logo/style-1/thpt.svg
DGNL → /ds-assets/program-logo/style-1/dgnl.svg
K12 → /ds-assets/program-logo/style-1/k12.svg
K10 → /ds-assets/program-logo/style-1/k10.svg
K5 → /ds-assets/program-logo/style-1/k5.svg
Phát âm → /ds-assets/program-logo/style-1/phat-am.svg
Giao tiếp → /ds-assets/program-logo/style-1/giao-tiep.svg
Tools → /ds-assets/program-logo/style-1/tools.svg

Figma source

Figma source 1 set
Page
🏞️ Image library
Sets
1
Primary set
Program logo · 57 variants Open in Figma →
Showing: Program logo

AI context

AI context

Markdown summary safe to paste into Claude / ChatGPT / Cursor — includes name, status, import, props, axes, examples, figma source. 

# Program logo
Slug: `program-logo`
Domain: general · Category: display
Design: stable · Code: design-only


## Description
Per-program identity mark - 54 variants across IELTS / TOEIC / SAT / GMAT / GRE / Junior / THPT / DGNL / YLE / KET / PET / K5 / K10 / K12 / Tools / and more. Used in colored hero/header surfaces for each DOL program.


## Figma source
Page: 🏞️ Image library
Sets: 1
Primary: Program logo
Open: https://www.figma.com/design/DqRd7UQkNGcdvYL5fwZxlf/?node-id=28307-355

Related

  • DOL English logo

    Logo

    Coded

  • Avatar, User

    Coded
  • Tag label

    Tag

    Coded
  • Field
    Value
    Name
    DOL Edu

    Table

    Coded

  • Divider

    Coded

  • Order number

    Coded

Status legend

Status legend
Stable
Design + code shipped, full DS parity.
Partial
Design ready, some variants/states missing in code.
Coded
Implemented in code; design canon may not yet exist.
Design only / Code only
One side present; awaiting the other.

Phase 1.X-5.2 detail view — read-only metadata. Code preview + recipe + live demo deferred (need @dol/ui registry integration).